1import { Details, Summary } from '@proton/components';
2
3import { getTitle } from '../../helpers/title';
4import mdx from './Details.mdx';
5
6export default {
7    component: Details,
8    title: getTitle(__filename, false),
9    parameters: {
10        docs: {
11            page: mdx,
12        },
13    },
14};
15
16export const Basic = () => {
17    return (
18        <>
19            <Details>
20                <Summary>Here a summary</Summary>
21                Lorem Ipsum dolor si amet.
22            </Details>
23        </>
24    );
25};
26
27export const Opened = () => {
28    return (
29        <>
30            <Details open>
31                <Summary>Here a summary opened</Summary>
32                Lorem Ipsum dolor si amet.
33            </Details>
34        </>
35    );
36};
37
38export const Triangle = () => {
39    return (
40        <>
41            <Details>
42                <Summary useTriangle>Here a summary with triangle icon</Summary>
43                Lorem Ipsum dolor si amet.
44            </Details>
45        </>
46    );
47};