import styled from 'styled-components'
import theme from 'theme'

const InputBtn = styled.button`
  background: ${props =>
    props.backgroundColor === 'blue'
      ? theme.gradients['light-blue']
      : props.backgroundColor === 'violet'
        ? theme.gradients['violet-blue']
        : theme.gradients['green-3c']};
  border: none;
  border-radius: 0 4px 4px 0;
  color: ${props =>
    props.backgroundColor === 'green'
      ? theme.colors['dark-blue2']
      : theme.colors.white};
  cursor: pointer;
  font: ${theme.textStyles.clearButton.font}, sans-serif;
  font-size: ${theme.fontSizes.s};
  padding: 0 15px;
  text-transform: uppercase;
  white-space: nowrap;
`

export default InputBtn
