33 lines
652 B
JavaScript
33 lines
652 B
JavaScript
const Button = (props) => (
|
|
<>
|
|
<button
|
|
className={props.primary ? "primary" : ""}
|
|
onClick={props.onClick}
|
|
disable={props.disable && props.disable.toString()}
|
|
>
|
|
{props.label}
|
|
</button>
|
|
<style jsx>{`
|
|
button {
|
|
border-radius: 10px;
|
|
background: rgba(255, 255, 255, 0.15);
|
|
border: none;
|
|
padding: 12px 0;
|
|
font-size: 1rem;
|
|
color: white;
|
|
font-style: italic;
|
|
margin-top: 20px;
|
|
}
|
|
.primary {
|
|
border: 2px solid white;
|
|
}
|
|
|
|
button:first-child {
|
|
margin-top: 0;
|
|
}
|
|
`}</style>
|
|
</>
|
|
);
|
|
|
|
export default Button;
|