import { FC } from "react";
import BaseSegmentedControl, {
    BaseSegmentedControlProps,
} from "@/components/ui/BaseSegmentedControl/BaseSegmentedControl";

export enum ProductEditorTab {
    CHARACTERISTICS,
    IMAGES,
}

type Props = Omit<BaseSegmentedControlProps<ProductEditorTab>, "data">;

const data = [
    {
        label: "Характеристики",
        value: ProductEditorTab.CHARACTERISTICS,
    },
    {
        label: "Изображение",
        value: ProductEditorTab.IMAGES,
    },
];

const ProductEditorSegmentedControl: FC<Props> = props => (
    <BaseSegmentedControl
        data={data}
        {...props}
    />
);

export default ProductEditorSegmentedControl;
