import { CirclePlus } from "lucide-react";

import { Button } from "~/components/ui/button";
import { ModalType, useModalStore } from "~/stores/modal-store";

export function CreateServerButton() {
    const onOpen = useModalStore((state) => state.onOpen);

    return (
        <Button variant="outline" size="none" onClick={() => onOpen(ModalType.CREATE_SERVER)}>
            <CirclePlus className="size-8 m-2" />
        </Button>
    );
}
