export default ({
  ...props,
  type,
  action,
  top,
  small,
  overlay
}) =>
  <IconButton
    onClick={() => action()}
    bg="transparent"
    px={3}
    mt={top && 2}
    small={small}
    overlay={overlay}>
    {Icons[type]()}
  </IconButton>;

const IconButton = styled(Button)`
  background: ${({ overlay }) => (overlay ? "white" : "transparent")};
  svg {
    height: ${props =>
      props.small ? props.theme.fontSizes[4] : props.theme.fontSizes[5]}px;
    width: ${props => props.theme.fontSizes[5]}px;
  }
`;