import { jsx as _jsx } from "react/jsx-runtime";
import { Button } from '../../../../../scalars/components/fragments/button/index.js';
import { cn } from '../../../../../scalars/lib/utils.js';
const TimePeriodSelector = ({ selectedPeriod, setSelectedPeriod }) => (_jsx("div", { className: "absolute right-1 top-[48px] z-10 flex flex-col time-picker__period", children: ['AM', 'PM'].map((period) => (_jsx(Button, { variant: "ghost", onClick: () => {
            setSelectedPeriod(period);
        }, "data-selected": selectedPeriod === period, className: cn('h-[20px] w-[16px] text-[12px] font-normal leading-[28px] transition-colors', selectedPeriod === period ? 'font-normal text-gray-900' : 'font-normal text-gray-300'), children: period }, period))) }));
export default TimePeriodSelector;
//# sourceMappingURL=time-period-selector.js.map