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 { Text } from '@/ui/Text';
import { routes } from '@/lib/routing/RouteConfig';

export default async function ProfileSettingsPage() {
  return (
    <Container size="md">
      <Heading level={1}>Settings</Heading>
      <Card>
        <Text block mb={4}>Settings are currently unavailable.</Text>
        <Link href={routes.protected.profile}>
          <Button variant="secondary">Back to profile</Button>
        </Link>
      </Card>
    </Container>
  );
}