import { usePage } from '@inertiajs/react';
import { Sparkles } from 'lucide-react';
import type { User } from '@/types/auth';

export function JabesWomenBanner() {
    const user = usePage().props.auth?.user as User | undefined;
    const enabled = user?.jabes_women_enabled === true;

    if (!enabled) {
        return null;
    }

    return (
        <div
            className="border-primary/30 bg-primary/10 text-foreground flex flex-wrap items-center gap-2 rounded-lg border px-4 py-2.5 text-sm"
            role="status"
        >
            <Sparkles aria-hidden className="text-primary size-4 shrink-0" />
            <p>
                <span className="text-primary font-semibold">JabesWomen</span>
                {' — '}
                Experiencia dedicada al empoderamiento femenino en inversiones y finanzas.
            </p>
        </div>
    );
}