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

export enum ServicesTab {
    DEAL_SERVICE,
    PRODUCT_SERVICE,
    SERVICES_KITS,
}

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

const data = [
    {
        label: "Для товара",
        value: ServicesTab.PRODUCT_SERVICE,
    },
    {
        label: "Для сделки",
        value: ServicesTab.DEAL_SERVICE,
    },
    {
        label: "Наборы услуг",
        value: ServicesTab.SERVICES_KITS,
    },
];

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

export default ServiceTabSegmentedControl;
