forked from thesam73/wordle
-
Notifications
You must be signed in to change notification settings - Fork 0
/
SettingsModal.tsx
39 lines (37 loc) · 1016 Bytes
/
SettingsModal.tsx
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
import { BaseModal } from './BaseModal'
import { SettingsToggle } from './SettingsToggle'
import { HIGH_CONTRAST_MODE_DESCRIPTION } from '../../constants/strings'
type Props = {
isOpen: boolean
handleClose: () => void
isDarkMode: boolean
handleDarkMode: Function
isHighContrastMode: boolean
handleHighContrastMode: Function
}
export const SettingsModal = ({
isOpen,
handleClose,
isDarkMode,
handleDarkMode,
isHighContrastMode,
handleHighContrastMode,
}: Props) => {
return (
<BaseModal title="Settings" isOpen={isOpen} handleClose={handleClose}>
<div className="flex flex-col mt-2 divide-y">
<SettingsToggle
settingName="Dark Mode"
flag={isDarkMode}
handleFlag={handleDarkMode}
/>
<SettingsToggle
settingName="High Contrast Mode"
flag={isHighContrastMode}
handleFlag={handleHighContrastMode}
description={HIGH_CONTRAST_MODE_DESCRIPTION}
/>
</div>
</BaseModal>
)
}