"use client";

import { IconPlus } from "@tabler/icons-react";
import { Group } from "@mantine/core";
import useMarketplacesActions from "@/app/clients/drawers/ClientMarketplacesDrawer/hooks/useMarketplaceActions";
import InlineButton from "@/components/ui/InlineButton/InlineButton";
import useIsMobile from "@/hooks/utils/useIsMobile";

const MarketplacesHeader = () => {
    const { onCreateClick } = useMarketplacesActions();
    const isMobile = useIsMobile();

    return (
        <Group>
            <InlineButton
                onClick={onCreateClick}
                mx={isMobile ? "xs" : ""}
                w={isMobile ? "100%" : "auto"}>
                <IconPlus />
                Создать
            </InlineButton>
        </Group>
    );
};

export default MarketplacesHeader;
