import { cn } from "@/lib/utils"
interface CutCornerBoxProps {
  children?: React.ReactNode;
  className?: string;
  backgroundColor?: string;
   width?: string | number;
  height?: string | number;
  as?: "div" | "button" | "section";
  onClick?: () => void;
}
export default function CutCornerBox({

  children,
  className,
  backgroundColor = "bg-primary",
  as: Component = "div",
  onClick,
}: CutCornerBoxProps) {
  return (
    <div className={cn("bordered-box", className)}>{children && children}</div>
  )
}
