import { Button, Group, rem } from "@mantine/core";
import { IconPlus } from "@tabler/icons-react";
import { useDepartmentContext } from "../contexts/DepartmentContext.tsx";


const DepartmentButtons = () => {
    const {
        onCreateDepartmentClick,
    } = useDepartmentContext();

    return (
        <Group gap={"md"}>
            <Button
                variant={"default"}
                onClick={() => onCreateDepartmentClick(false)}
            >
                <Group gap={rem(10)}>
                    <IconPlus />
                    Добавить департамент
                </Group>
            </Button>
        </Group>
    );
};

export default DepartmentButtons;
