diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-09-25 16:11:31 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-09-25 16:11:31 +0200 |
commit | ee8539a9351374a719c9026f85d85e7b4ea6e8f5 (patch) | |
tree | f9220fd304bd3669523df39ddaa0992919ccc4a6 /components/EnableSection.tsx | |
parent | 075d3831ffae63f128bcaabf9fc5e70ade41ad33 (diff) |
chore: move tweaks to separate subfolder
Diffstat (limited to 'components/EnableSection.tsx')
-rw-r--r-- | components/EnableSection.tsx | 31 |
1 files changed, 0 insertions, 31 deletions
diff --git a/components/EnableSection.tsx b/components/EnableSection.tsx deleted file mode 100644 index b7981b3..0000000 --- a/components/EnableSection.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { Text, Box, Collapse, Switch } from '@chakra-ui/react' -import React from 'react' -import { InfoTooltip } from './InfoTooltip' - -export interface EnableSectionProps { - label: string - value: boolean | number - onChange: () => void - infoText?: string - children: React.ReactNode -} - -export const EnableSection = (props: EnableSectionProps) => { - const { value, onChange, label, infoText, children } = props - return ( - <Box paddingTop={2} key={label}> - <Box display="flex" justifyContent="space-between" paddingBottom={2}> - <Box display="flex" alignItems="center"> - <Text>{label}</Text> - {infoText && <InfoTooltip infoText={infoText} />} - </Box> - <Switch isChecked={!!value} onChange={onChange} /> - </Box> - <Collapse in={!!value} animateOpacity> - <Box paddingLeft={4} paddingTop={2} paddingBottom={2}> - {children} - </Box> - </Collapse> - </Box> - ) -} |