import React, { ComponentProps } from "react";
type TButton = ComponentProps<"button"> & {};
function RoundedButton({ children, style, className, ...rest }: TButton) {
  return (
    <button
      className={`max-w-[300px] text-center rounded-3xl border border-neutral-500 dark:border-neutral-100   font-bold duration-300 hover:opacity-80 ${className}`}
      style={{ ...style }}
      {...rest}
    >
      {children}
    </button>
  );
}

export default RoundedButton;
