|
|
@ -122,11 +122,17 @@ export function Button({ |
|
|
"text-center", |
|
|
"text-center", |
|
|
"transition-opacity", |
|
|
"transition-opacity", |
|
|
variant === "outlined" |
|
|
variant === "outlined" |
|
|
? "border border-[#8B8B8B] bg-transparent text-[#8B8B8B]" |
|
|
|
|
|
|
|
|
? isDisabled |
|
|
|
|
|
? "border border-[#D1D1D6] bg-white text-[#BCBCBC]" |
|
|
|
|
|
: "border border-[#8B8B8B] bg-white text-[#8B8B8B]" |
|
|
: variant === "dark" |
|
|
: variant === "dark" |
|
|
? "border-none bg-[#2B2C31] text-white shadow-none hover:opacity-90" |
|
|
|
|
|
: "bg-linear-to-tl from-[#FE6F82] to-[#E03950] text-white shadow-[0_8px_20px_rgba(224,57,80,0.25)] active:scale-[0.99]", |
|
|
|
|
|
isDisabled ? "cursor-not-allowed opacity-50 shadow-none" : "cursor-pointer", |
|
|
|
|
|
|
|
|
? isDisabled |
|
|
|
|
|
? "border-none bg-[#D1D1D6] text-[#8B8B8B] shadow-none" |
|
|
|
|
|
: "border-none bg-[#2B2C31] text-white shadow-none hover:opacity-90" |
|
|
|
|
|
: isDisabled |
|
|
|
|
|
? "border-none bg-[#D1D1D6] text-[#8B8B8B] shadow-none" |
|
|
|
|
|
: "bg-linear-to-tl from-[#FE6F82] to-[#E03950] text-white shadow-[0_8px_20px_rgba(224,57,80,0.25)] active:scale-[0.99]", |
|
|
|
|
|
isDisabled ? "cursor-not-allowed" : "cursor-pointer", |
|
|
className, |
|
|
className, |
|
|
] |
|
|
] |
|
|
.filter(Boolean) |
|
|
.filter(Boolean) |
|
|
|
