mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
48 lines
901 B
TypeScript
48 lines
901 B
TypeScript
import {
|
|
FormControl,
|
|
FormControlProps,
|
|
FormLabel,
|
|
FormLabelProps,
|
|
Switch,
|
|
SwitchProps,
|
|
} from '@chakra-ui/react';
|
|
|
|
interface Props extends SwitchProps {
|
|
label?: string;
|
|
width?: string | number;
|
|
formControlProps?: FormControlProps;
|
|
formLabelProps?: FormLabelProps;
|
|
}
|
|
|
|
/**
|
|
* Customized Chakra FormControl + Switch multi-part component.
|
|
*/
|
|
const IAISwitch = (props: Props) => {
|
|
const {
|
|
label,
|
|
isDisabled = false,
|
|
width = 'auto',
|
|
formControlProps,
|
|
formLabelProps,
|
|
...rest
|
|
} = props;
|
|
return (
|
|
<FormControl
|
|
isDisabled={isDisabled}
|
|
width={width}
|
|
display="flex"
|
|
gap={4}
|
|
alignItems="center"
|
|
justifyContent="space-between"
|
|
{...formControlProps}
|
|
>
|
|
<FormLabel my={1} {...formLabelProps}>
|
|
{label}
|
|
</FormLabel>
|
|
<Switch {...rest} />
|
|
</FormControl>
|
|
);
|
|
};
|
|
|
|
export default IAISwitch;
|