import React from "react"
import PropTypes from "prop-types"
import ThemeContext from "./themeContext"
function Button(props) {
return (
<button className={`${props.theme}-theme`}>Switch Theme</button>
)
}
Button.propTypes = {
theme: PropTypes.oneOf(["light", "dark"])
}
Button.defaultProps = {
theme: "light"
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter