- Updated subscription status messaging for clarity and conciseness. - Improved button styling based on trial availability. - Added a new benefits section for non-active subscribers, highlighting key features of the Pro subscription.
26 lines
821 B
TypeScript
26 lines
821 B
TypeScript
'use client';
|
||
|
||
import { Button } from '@repo/ui/components/ui/button';
|
||
import { Sparkles } from 'lucide-react';
|
||
|
||
type TryFreeButtonProps = {
|
||
readonly className?: string;
|
||
readonly size?: 'default' | 'lg';
|
||
};
|
||
|
||
export function TryFreeButton({ className = '', size = 'lg' }: TryFreeButtonProps) {
|
||
// eslint-disable-next-line unicorn/consistent-function-scoping
|
||
const handleTryFree = () => {};
|
||
|
||
return (
|
||
<Button
|
||
className={`w-full bg-gradient-to-r from-purple-600 to-blue-600 px-8 py-3 text-base font-semibold text-white shadow-lg transition-all duration-200 hover:from-purple-700 hover:to-blue-700 hover:shadow-xl sm:w-auto ${className}`}
|
||
onClick={handleTryFree}
|
||
size={size}
|
||
>
|
||
<Sparkles className="mr-2 size-5" />
|
||
Попробовать бесплатно
|
||
</Button>
|
||
);
|
||
}
|