message: feat(storybook-drawer): use theme spacing
diff: @@ -21,6 +21,8 @@ import {
  Typography,
  makeStyles,
  IconButton,
  + createStyles,
  + Theme,
  } from '@material-ui/core';
  import Close from '@material-ui/icons/Close';
  @@ -29,15 +31,18 @@ export default {
  component: Drawer,
  };
  -const useDrawerStyles = makeStyles({
  +const useDrawerStyles = makeStyles((theme: Theme) =>
  + createStyles({
  paper: {
  width: '50%',
  justifyContent: 'space-between',
  - padding: '20px',
  + padding: theme.spacing(2.5),
  },
  -});
  + }),
  +);
  -const useDrawerContentStyles = makeStyles({
  +const useDrawerContentStyles = makeStyles((theme: Theme) =>
  + createStyles({
  header: {
  display: 'flex',
  flexDirection: 'row',
  @@ -51,9 +56,10 @@ const useDrawerContentStyles = makeStyles({
  backgroundColor: '#EEEEEE',
  },
  secondaryAction: {
  - marginLeft: '20px',
  + marginLeft: theme.spacing(2.5),
  },
  -});
  + }),
  +);
  /* Example content wrapped inside the Drawer component */
  const DrawerContent = ({
  