import React, { useState } from "react";
import { Button, Content, Switch } from "@jobber/components-native";
import type { SwitchProps } from "@jobber/components-native";

type SwitchStoryArgs = Pick<SwitchProps, "label">;

export function SwitchControlled(props: Partial<SwitchStoryArgs>) {
  const [value, setValue] = useState(false);

  return (
    <Content>
      <Button onPress={() => setValue(!value)} label="Toggle Switch" />
      <Switch
        label={props.label ?? "Controlled Toggle example"}
        {...props}
        value={value}
        onValueChange={setValue}
      />
    </Content>
  );
}