import { Button, Group } from "@mantine/core";
import useWorkShiftInput from "../hooks/useWorkShiftInput.tsx";

type Props = {
    fetchShifts: () => void;
}

const WorkShiftInput = ({ fetchShifts }: Props) => {
    const {
        onShiftStart,
        onShiftFinish,
        onShiftResume,
        onShiftPause,
    } = useWorkShiftInput({ fetchShifts });

    return (
        <Group ml={"xs"} my={"xs"}>
            <Button variant={"default"} onClick={onShiftStart}>
                Начать смену
            </Button>
            <Button variant={"default"} onClick={onShiftFinish}>
                Закончить смену
            </Button>
            <Button variant={"default"} onClick={onShiftPause}>
                Начать перерыв
            </Button>
            <Button variant={"default"} onClick={onShiftResume}>
                Закончить перерыв
            </Button>
        </Group>
    );
};

export default WorkShiftInput;
