import Link from 'next/link';
import Button from '@/ui/Button';
import Card from '@/ui/Card';
import Container from '@/ui/Container';
import Heading from '@/ui/Heading';
import { routes } from '@/lib/routing/RouteConfig';

export default async function ProfileLiveriesPage() {
  return (
    <Container size="md">
      <Heading level={1}>Liveries</Heading>
      <Card>
        <p>Livery management is currently unavailable.</p>
        <Link href={routes.protected.profile}>
          <Button variant="secondary">Back to profile</Button>
        </Link>
        <Link href={routes.protected.profileLiveryUpload}>
          <Button variant="primary">Upload livery</Button>
        </Link>
      </Card>
    </Container>
  );
}