import {Meta} from '@storybook/addon-docs';
import Box from '../../../components/box/Box';
import PageHeader from 'blocks/PageHeader';

<Meta title="Utilities/Cursor" />

<PageHeader type="utility">Cursor</PageHeader>

Use pointer cursor to show that element can be clicked: <code>.sg-cursor-pointer</code>.

<Box
  color="blue-40"
  style={{width: '200px', height: '150px'}}
  className="sg-cursor-pointer"
>
  Hover me
</Box>
