import styled from 'styled-components';

const StyledButton = styled.button<{ $primary?: boolean }>`
  font-size: 1em;
  padding: 0.25em 1em;
  border: 2px solid ${({ theme }) => theme.colors.accent};

  background: ${({ $primary, theme }) => ($primary ? theme.colors.accent : 'white')};
  color: ${({ $primary, theme }) => ($primary ? 'white' : theme.colors.accent)};
`;

export default StyledButton;
