'use client';

import { Suspense } from 'react';
import ImportLayout from '../../components/layout/ImportLayout';
import LoadingSpinner from '../../components/ui/LoadingSpinner';
import AddStoryContent from './AddStoryContent';

export default function AddStoryPage() {
  return (
    <ImportLayout
      title="Add New Story"
      description="Add a story to your personal collection"
    >
      <Suspense fallback={
        <div className="flex items-center justify-center py-20">
          <LoadingSpinner size="lg" />
        </div>
      }>
        <AddStoryContent />
      </Suspense>
    </ImportLayout>
  );
}