import { styled } from '../../styles';
import { IconButton } from '../IconButton';

export const Icon = styled(IconButton)(({ theme }) => ({
  transition: `color ${theme.transitions.hover.ms}ms`,
  color: theme.colors.brandMain,

  '&: hover': {
    color: theme.colors.secondary,
  },
}));
