36 lines
882 B
TypeScript
36 lines
882 B
TypeScript
import classNames from 'classnames';
|
|
import { type ButtonHTMLAttributes } from 'react';
|
|
|
|
type RainbowButtonProps = {
|
|
variant?: 'full' | 'border';
|
|
};
|
|
|
|
export const RainbowButton = ({
|
|
variant = 'full',
|
|
children,
|
|
className,
|
|
...props
|
|
}: RainbowButtonProps & ButtonHTMLAttributes<HTMLButtonElement>) => (
|
|
<button
|
|
className={classNames(
|
|
'bg-rainbow rounded-lg overflow-hidden disabled:opacity-40',
|
|
'hover:bg-rainbow-180 hover:animate-spin-rainbow',
|
|
{
|
|
'px-5 py-3 text-white': variant === 'full',
|
|
'p-[0.125rem]': variant === 'border',
|
|
},
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
<div
|
|
className={classNames({
|
|
'bg-vega-clight-800 dark:bg-vega-cdark-800 text-black dark:text-white px-5 py-3 rounded-[0.35rem] overflow-hidden':
|
|
variant === 'border',
|
|
})}
|
|
>
|
|
{children}
|
|
</div>
|
|
</button>
|
|
);
|