1import { MiddleEllipsis } from '@proton/components';
2
3import { getTitle } from '../../helpers/title';
4import mdx from './MiddleEllipsis.mdx';
5
6export default {
7    component: MiddleEllipsis,
8    title: getTitle(__filename, false),
9    parameters: {
10        docs: {
11            page: mdx,
12        },
13    },
14};
15
16const textToEllipsis = `mySuperLoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooongFile.jpg`;
17
18export const Basic = () => <MiddleEllipsis text={textToEllipsis} />;
19export const Title = () => <MiddleEllipsis displayTitle={false} text={textToEllipsis} />;
20export const Classes = () => <MiddleEllipsis className="w-1/2" text={textToEllipsis} />;