Function BlockGroup

packages/react/src/editor/BlockGroup/BlockGroup.tsx:12–23

({ category, blocks })

};

export const BlockGroup: FC<Props> = ({ category, blocks }) => (
  <div className={styles.container}>
    <Text size="xs" weight="medium" color="on-surface" className={styles.category}>
      {category}
    </Text>
    <div className={styles.grid}>
      {blocks.map((block) => (
        <BlockItem key={block.name} block={block} />
      ))}
    </div>
  </div>
);