import React, { useState } from "react";
import type { ComponentProps } from "react";
import { Disclosure } from "@jobber/components-native";

type DisclosureProps = ComponentProps<typeof Disclosure>;

export function DisclosureBasic(props: Partial<DisclosureProps>) {
  const [open, setOpen] = useState(false);

  return (
    <Disclosure
      header={props.header ?? "Advanced Instructions"}
      content={
        props.content ??
        "For every 2 team members you add, your profits will triple."
      }
      isEmpty={props.isEmpty ?? false}
      {...props}
      open={open}
      onToggle={() => setOpen(!open)}
    />
  );
}