import { Head, Link } from '@inertiajs/react';
import { ArrowRight, CheckCircle, Clock, XCircle } from 'lucide-react';
import PortalLayout from '@/layouts/portal-layout';
interface Tier { id: number; name: string; type: string; duration: string; price_usd: string }
interface Subscription {
id: number;
status: string;
starts_at: string;
expires_at: string | null;
certificate_number: string | null;
tier: Tier;
}
function StatusIcon({ status }: { status: string }) {
if (status === 'active') return ;
if (status === 'expired') return ;
return ;
}
function fmt(date: string) {
return new Date(date).toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' });
}
export default function Membership({ subscription, history }: { subscription: Subscription | null; history: Subscription[] }) {
return (
<>