import styled from 'styled-components/macro';

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

export const TunedButton = styled(Button)`
  font-weight: 500;
  height: 28px;
  margin-right: 4px;

  &:disabled {
    background-color: transparent;
    border-color: transparent;
    color: ${color('sys/color/text/disabled')};
    cursor: not-allowed;
  }

  &:hover:not(:disabled) {
    background-color: transparent;
    border-color: transparent;
  }
`;