import { SignOutForm } from '@/components/layout/auth/profile';

import { Card } from '@spoon/ui';

const SecuritySettingsPage = () => (
  <section className='max-w-3xl space-y-4'>
    <div>
      <h2 className='text-xl font-semibold'>Security</h2>
      <p className='text-muted-foreground mt-1 text-sm'>
        Session controls and security-sensitive account actions.
      </p>
    </div>
    <Card className='shadow-none'>
      <SignOutForm />
    </Card>
  </section>
);

export default SecuritySettingsPage;
