1import { Alert } from '@proton/components';
2
3import { getTitle } from '../../helpers/title';
4import mdx from './Alert.mdx';
5
6export default {
7    component: Alert,
8    title: getTitle(__filename, false),
9    parameters: {
10        docs: {
11            page: mdx,
12        },
13    },
14};
15
16export const Basic = () => (
17    <Alert>
18        Lorem Ipsum dolor sit amet consectetur adipisicing elit. Praesentium unde, blanditiis rem accusamus obcaecati
19        enim amet, voluptatibus nemo facilis illum aut itaque in? Deleniti iure amet qui vero, blanditiis quos?
20    </Alert>
21);
22
23export const Types = () => (
24    <>
25        <Alert className="mb-4">
26            Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium unde, blanditiis rem accusamus
27            obcaecati enim amet, voluptatibus nemo facilis illum aut itaque in? Deleniti iure amet qui vero, blanditiis
28            quos?
29        </Alert>
30        <Alert className="mb-4" type="error">
31            Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo corporis ea nobis nesciunt sed sit architecto
32            atque. Vero, corrupti non nobis, officia blanditiis magnam ex sapiente et expedita, animi tenetur!
33        </Alert>
34        <Alert className="mb-4" type="warning">
35            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores tempora ea eos corporis facilis facere,
36            nemo sunt. Eos, blanditiis laboriosam expedita voluptatem eaque vero esse, minima temporibus, ab ad
37            nesciunt?
38        </Alert>
39        <Alert className="mb-4" type="success">
40            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit doloribus nobis eos iusto. Ducimus numquam
41            laborum aliquid culpa! Dolor voluptatem modi inventore error, qui repudiandae consequatur autem vitae illum
42            voluptatibus?
43        </Alert>
44    </>
45);