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>
    )
}