"use client";

import { FC } from "react";
import ServiceTabSegmentedControl, {
    ServicesTab,
} from "@/app/services/components/shared/ServiceTabSegmentedControl/ServiceTabSegmentedControl";

type Props = {
    serviceTab: ServicesTab;
    onServiceTabChange: (serviceTab: ServicesTab) => void;
};

const ServicesMobileHeader: FC<Props> = ({
    serviceTab,
    onServiceTabChange,
}) => {
    return (
        <ServiceTabSegmentedControl
            value={serviceTab}
            onChange={onServiceTabChange}
            w={"100%"}
            py={"md"}
            px={"sm"}
        />
    );
};

export default ServicesMobileHeader;
