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

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

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

export default CreateButton;