import styled from 'styled-components/macro';

import { color } from '../../theme';
import { Icon } from '../Icon/Icon';

export const StyledSpanWithAction = styled.span`
  cursor: pointer;
  height: 18px;
`;

export const StyledSpan = styled.span`
  height: 18px;
`;

export const TunedIcon = styled(Icon)`
  color: ${color('sys/color/text/disabled')};
  max-width: 18px;
  min-width: 18px;
`;