Files
myeasycms-v2/packages/ui/src/makerkit/marketing/cta-button.tsx

24 lines
622 B
TypeScript

import { forwardRef } from 'react';
import { cn } from '../../lib/utils';
import { Button } from '../../shadcn/button';
export const CtaButton = forwardRef<
HTMLButtonElement,
React.ComponentProps<typeof Button>
>(function CtaButtonComponent({ className, children, ...props }, ref) {
return (
<Button
className={cn('h-12 rounded-xl px-4 text-base font-semibold', className, {
['transition-all hover:shadow-2xl dark:shadow-primary/30']:
props.variant === 'default' || !props.variant,
})}
asChild
ref={ref}
{...props}
>
{children}
</Button>
);
});