export type AvailabilityLocation = {
    province: string;
    district: string;
    locality: string;
};

export function CandidateAvailability({
    data,
}: {
    data?: {
        availability?: AvailabilityLocation;
        additional_availability?: AvailabilityLocation[];
    };
}) {
    if (!data?.availability) return null;
    return (
        <section className="space-y-2">
            <h3 className="font-semibold">
                Locais de disponibilidade do perfil enviado
            </h3>
            <ul className="list-inside list-disc">
                {[
                    data.availability,
                    ...(data.additional_availability ?? []),
                ].map((location, index) => (
                    <li key={index}>
                        {location.province} · {location.district} ·{' '}
                        {location.locality}
                    </li>
                ))}
            </ul>
        </section>
    );
}