You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11 lines
287 B
11 lines
287 B
const Button = ({theme, children}) => (
|
|
<button className={theme ? 'dark' : 'light'}>
|
|
{children}
|
|
</button>
|
|
);
|
|
|
|
export default React.forwardRef((props, ref) => (
|
|
<ThemeContext.Consumer>
|
|
{theme => <Button {...props} theme={theme} ref={ref} />}
|
|
</ThemeContext.Consumer>
|
|
));
|
|
|