import { Button, Group } from "@mantine/core";
import { IconQrcode, IconTablePlus } from "@tabler/icons-react";
import useEmployeesTab from "../hooks/useEmployeesTab.tsx";

const EmployeeInput = () => {
    const {
        onAssignEmployeeByQrClick,
        onAssignEmployeeManuallyClick,
    } = useEmployeesTab();

    return (
        <Group>
            <Button variant={"default"} onClick={onAssignEmployeeByQrClick}>
                <Group gap={"md"}>
                    <IconQrcode />
                    Добавить исполнителя по QR коду
                </Group>
            </Button>
            <Button variant={"default"} onClick={onAssignEmployeeManuallyClick}>
                <Group gap={"md"}>
                    <IconTablePlus />
                    Добавить исполнителя вручную
                </Group>
            </Button>
        </Group>
    );
};

export default EmployeeInput;
