# All files / src/chap07 HookThemeButton.js

0% Statements 0/2
100% Branches 0/0
0% Functions 0/1
0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12

     import { useContext } from 'react';
    import { Button } from '@mui/material';
    import ThemeContext from './ThemeContext';

    export default function HookThemeButton() {
      const { mode, toggleMode } = useContext(ThemeContext);
      return (
        <Button variant="contained" onClick={toggleMode}>
          Mode {mode}
        </Button>
      );
    }