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;
`