1import { Checkbox } from '@proton/components';
2
3import { getTitle } from '../../helpers/title';
4import mdx from './ExpandClickArea.mdx';
5
6export default {
7    title: getTitle(__filename, false),
8    parameters: {
9        docs: {
10            page: mdx,
11        },
12    },
13};
14
15export const ExpandClickArea = () => (
16    <div className="relative p-7 bg-weak">
17        <Checkbox className="expand-click-area mr-2" />
18        parent element (grey background)
19    </div>
20);