import React, { ComponentProps } from "react";
type TDiv = ComponentProps<"div"> & {};
function RoundedDiv({ children, style, className, ...rest }: TDiv) {
  return (
    <div
      className={`max-w-[300px] flex justify-center items-center text-center rounded-3xl border  border-neutral-500 dark:border-neutral-100 font-bold duration-300 text-sm ${className}`}
      style={{ ...style }}
      {...rest}
    >
      {children}
    </div>
  );
}

export default RoundedDiv;
