import { useState } from "react";
import { QuantityTab } from ".";
import type { BaseTabProps } from "../types";
export function SharedQuantityTab(
  props: BaseTabProps & {
    navigateToField?: (target: {
      id: string;
      tabId: string;
      subTab?: string;
    }) => void;
  },
) {
  const [active, setActive] = useState<"quantity" | "stock">("quantity");
  const [value, setValue] = useState(1);
  return (
    <QuantityTab
      {...props}
      activeQuantitySubTab={active}
      setActiveQuantitySubTab={setActive}
      quantityPreviewValue={value}
      setQuantityPreviewValue={setValue}
      fontFamilyOptions={[
        { value: "inherit", label: "Inherit from theme" },
        { value: "Arial, sans-serif", label: "Arial" },
        { value: "Georgia, serif", label: "Georgia" },
        { value: "system-ui, sans-serif", label: "System" },
      ]}
    />
  );
}