chap03 SelectStyle.js

0% Statements 0/1

0% Branches 0/2

0% Functions 0/1

0% Lines 0/1

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
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import './SelectStyle.css';
import cn from 'classnames';
 
export default function SelectStyle({ mode }) {
  return (
    // mode 속성에 따라 스타일 클래스 전환
    <div className={`box ${mode === 'light' ? 'light' : 'dark'}`}>
      Hello World!
    </div>
 
    // <div className={mode === 'light' ? 'light' : 'dark'}>
    //   Hello World!
    // </div>
 
    // <div className={(mode !== 'light') && 'dark'}>
    //   Hello World!
    // </div>
 
    // <div className={cn('box', mode === 'light' ? 'light' : 'dark')}>
    //   Hello World!
    // </div>
 
    // <div className={cn(
    //   'box',
    //   {
    //     light: mode === 'light',
    //     dark: mode === 'dark'
    //   }
    // )}>
    //   Hello World!
    // </div>
 
    // <div className={cn(
    //   'box',
    //   [
    //     'panel',
    //     {
    //       light: mode === 'light',
    //       dark: mode === 'dark'
    //     }
    //   ]
    // )}>
    //   Hello World!
    // </div>
  );
}