1import { Meter } from '@proton/components';
2
3
4
5import { getTitle } from '../../helpers/title';
6import mdx from './Meter.mdx';
7
8
9export default {
10    component: Meter,
11    title: getTitle(__filename, false),
12    parameters: {
13        docs: {
14            page: mdx,
15        },
16    },
17};
18
19export const Primary = ({ ...args }) => <Meter {...args} />;
20
21Primary.args = {
22    min: 0,
23    low: 50,
24    high: 80,
25    max: 100,
26    optimum: 0,
27    value: 50,
28};
29
30export const Basic = () => {
31    return (
32        <>
33            <Meter className="my-4" value={20} />
34            <Meter className="my-4" value={75} />
35            <Meter className="my-4" value={100} />
36        </>
37    );
38};
39
40export const Variants = () => {
41    return (
42        <>
43            <Meter className="my-4" value={40} />
44            <Meter className="my-4" thin value={40} />
45        </>
46    );
47};