index.js

import styled from 'styled-components'

export default function Button(props) {
  const { text, classes } = props
  return (
    <StyledButton className={`button ${classes || ''}`} {...props}>
      {text}
    </StyledButton>
  )
}

const StyledButton = styled.button`
  cursor: pointer;
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border: 1px solid #dc3545;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
`