import styled from 'styled-components';
import { bgColors } from '../../colors';

export const IconButtonButton = styled.button<{bgColor: string, padding: number, isDisabled: boolean}>`
  border: none;
  background: transparent;
  background: ${props => !props.isDisabled ? bgColors[props.bgColor] : 'gray'};
  padding: ${props => props.padding}px;
  color: #FFF;
  border-radius: 3px;
  &:hover {
    cursor: pointer;
  }
`;

export const IconButtonIcon = styled.i`
  &:hover {
    cursor: pointer;
  }
`;