import React from 'react';
import { Icon } from '.';
import * as Icons from '../../assets/images/icons';
import { Box } from '../Box';

export default {
  title: 'Icon',
  component: Icon,
};

export const Default = () => {
  const allIcons = [];
  for (const icon in Icons) {
    const Component = Icons[icon];
    allIcons.push(
      <Box key={icon} my="8px">
        <Icon Asset={Component} height="24px" width="auto" /> {icon}
      </Box>
    );
  }
  return allIcons;
};
