abhinav-bento-button

1"use client";
2 
3import React from "react";
4import { cn } from "@/lib/utils";
5 
6interface BentoButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
7  children?: React.ReactNode;
8}
9 
10export default function AbhinavBentoButton({
11  className,
12  children,
13  ...props
14}: BentoButtonProps) {
15  return (
16    <button
17      className={cn(
18        "px-4 py-2 rounded-full aspect-square",
19        className
20      )}
21      {...props}
22       style={{
23          background: "linear-gradient(180deg, #FF5700 0%, #EF5200 100%)",
24          backgroundBlendMode: "plus-lighter, normal",
25          boxShadow:
26            "0px 42px 107px rgba(255, 88, 0, 0.34), 0px 24.7206px 32.2574px rgba(255, 88, 0, 0.1867), 0px 10.2677px 13.3981px rgba(255, 88, 0, 0.22), 0px 3.71362px 4.84582px rgba(255, 88, 0, 0.153301), inset 0px 1px 18px 2px #FFEDDB, inset 0px 1px 4px 2px #FFEDDB",
27        }}
28    >
29    
30        {children || "Bento"}
31    </button>
32  );
33}