1import CircleLoader from './CircleLoader';
2import mdx from './CircleLoader.mdx';
3
4
5export default {
6    component: CircleLoader,
7    title: 'components/CircleLoader',
8    parameters: { docs: { page: mdx } },
9};
10
11export const Basic = () => (
12    <>
13        <CircleLoader />
14        <br />
15        <CircleLoader size="medium" className="color-primary" />
16        <br />
17        <CircleLoader size="large" className="color-danger" />
18    </>
19);
20
21export const Sizes = () => (
22    <div className="block">
23        <div>Small</div>
24        <CircleLoader />
25
26        <div className="mt-8">Medium</div>
27        <CircleLoader size="medium" />
28
29        <div className="mt-8">Large</div>
30        <CircleLoader size="large" />
31    </div>
32);