import React from 'react';
import { Box } from '@rebass/emotion';
import * as Types from './icon.types';

const Icon = (props: Types.IconProps): JSX.Element | null => {
  const IconFile = require(`assets/icons/${props.iconName}.svg`);
  return IconFile && (
    <Box css={props.styles}>
      <IconFile onClick={props.onClick} />
    </Box>
  );
};

export default Icon;