import React, {ReactNode} from "react";
import "./create-button.scss";
import {useLocation, useNavigate} from "react-router-dom";

type CreateButtonProps = {
    buttonType?: "button";
    children?: ReactNode;
    onClick?: () => void;
};

const CreateButton = ({buttonType, children, onClick}: CreateButtonProps) => {
    const {search} = useLocation();
    const navigate = useNavigate()
    return (
        <button
            type={buttonType}
            className={`create-button`}
            onClick={() => {
                onClick 
                ?
                onClick()
                :
                navigate({
                    pathname: `add`,
                    search: `${search}`,
                });

            }}

        >
            {children}
        </button>
    );
};

export default CreateButton;