src/components/button/styles.ts
// const Button = styled.a`
// /* This renders the buttons above... Edit me! */
// display: inline-block;
// border-radius: 3px;
// padding: 0.5rem 0;
// margin: 0.5rem 1rem;
// width: 11rem;
// background: transparent;
// color: white;
// border: 2px solid white;
// /* The GitHub button is a primary button
// * edit this to target it specifically! */
// ${props => props.primary && css`
// background: white;
// color: palevioletred;
// `}
// `
// render(
// <div>
// <Button
// href="https://github.com/styled-components/styled-components"
// target="_blank"
// rel="noopener"
// primary
// >
// GitHub
// </Button>
// <Button as={Link} href="/docs" prefetch>
// Documentation
// </Button>
// </div>
// )