import {
  Meta,
  Title,
  IconGallery,
  IconItem,
} from '@storybook/addon-docs/blocks'
import Icon from '../../components/Icons/Icon'
import iconsList from '../../components/Icons/iconsList'
import CopyToClipBoard from '../../storybook/StorybookHelpers/templates/CopyToClipBoard'

<Meta title='General/Style Guide/Iconography' />

<IconGallery>
  {Object.keys(iconsList)
    // This filter will remove when we will remove the icons from the iconsList
    .filter(
      (iconName) =>
        !['beta', 'new', 'pattern', 'patternPlus'].includes(iconName),
    )
    .map((iconName) => (
      <div style={{ minWidth: '200px' }}>
        <CopyToClipBoard text={iconName}>
          <IconItem key={iconName} name={iconName}>
            <Icon icon={iconName} iconSize='20px' />
          </IconItem>
        </CopyToClipBoard>
      </div>
    ))}
</IconGallery>