Function SwitchInput

packages/agentflow/src/atoms/SwitchInput.tsx:14–32

({ label, value, onChange, disabled = false }: SwitchInputProps)

 * Mirrors the original Flowise SwitchInput component.
 */
export function SwitchInput({ label, value, onChange, disabled = false }: SwitchInputProps) {
    const checked = value !== undefined ? !!value : false

    return (
        <FormControl
            sx={{ mt: 1, width: '100%', display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }}
            size='small'
        >
            {label && <Typography>{label}</Typography>}
            <Switch
                disabled={disabled}
                checked={checked}
                onChange={(event) => {
                    onChange(event.target.checked)
                }}
            />
        </FormControl>
    )
}