{() => {
    const names = Object.keys(AllIcons).filter(
      name => name !== 'BaseIcon' && name !== '__esModule',
    )
    const length = names.length
    const firstColumn = names.slice(0, length / 2)
    const secondColumn = names.slice(length / 2, length)
    const buildList = items =>
      items.map(iconKey => {
        const Icon = AllIcons[iconKey]
        const name = iconKey
        return (
          <SpacedGroup key={iconKey} center>
            <Icon />
            <CopyToClipboard text={iconKey}>
              <span style={{ cursor: 'pointer' }}>{name}
            </CopyToClipboard>
          </SpacedGroup>
        )
      })
    return (
      <Grid>
        <SpacedGroup direction="vertical" xs={2}>
          {buildList(firstColumn)}
        </SpacedGroup>
        <SpacedGroup direction="vertical" xs={2}>
          {buildList(secondColumn)}
        </SpacedGroup>
      </Grid>
    )
  }}
</Playground>