Function Dot

src/components/Sidebar/components/Dot.js:24–42

({ size = 'small', color, style })

}));

export default function Dot({ size = 'small', color, style }) {
  let classes = useStyles();
  let theme = useTheme();

  return (
    <div
      className={classnames(classes.dotBase, {
        [classes.dotMedium]: size === 'medium',
        [classes.dotBase]: size === 'small',
        [classes.dotLarge]: size === 'large',
      })}
      style={{
        backgroundColor:
          color && theme.palette[color] && theme.palette[color].main,
        ...style,
      }}
    />
  );
}