export default function ProBadge(props) {
return (
<>
{
e.stopPropagation();
if (props.onClick) {
props.onClick();
}
}}
class={`ap-inline-flex ap-items-center ap-gap-0.5 ap-h-5 ap-text-[9px] ap-font-bold ap-uppercase ap-tracking-wider ap-text-white ap-px-1.5 ap-rounded-full ap-shadow-sm ${props.class || ''}`}
style={{
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%)',
'background-size': '300% 300%',
animation: 'probadge-gradient-shift 8s ease infinite'
}}
classList={{
'ap-cursor-pointer hover:ap-scale-105 ap-transition-transform': props.onClick
}}
>
Pro
);
}