export default function GenieButtons()

in src/components/GenieButtons.tsx [25:48]

• 23 lines of code
• 2 McCabe index (conditional complexity)

export default function GenieButtons(props: Props = {}) {
  const { active } = props;

  return (
    <Grid
      container
      columns={buttonCount}
      className="genie-controls"
      spacing={0}
    >
      {[...Array(buttonCount)].map((_, i) => (
        <Grid item xs={1} key={i}>
          <button
            className={`color-${i}`}
            data-id={i}
            data-active={i === active ? "active" : ""}
          >
            <span>{i}</span>
          </button>
        </Grid>
      ))}
    </Grid>
  );
}