import { Meta, IconGallery, IconItem } from '@storybook/blocks';
import iconMapping from './iconfont.json';
import '../../../../css/style.fonts.css';
import '../../../../css/style.iconfont-classes.css';

<Meta title="Base/Iconography" />

<IconGallery>
  { Object.entries(iconMapping).map(item => (
    <IconItem name={item[0]}>
      <div className={`icon-${item[0]}`} />
    </IconItem>
  )) }
</IconGallery>
