/**
 * Site Editor - DEPRECATED
 * 
 * Legacy SiteBlueprint page editor has been removed.
 * Use Writer module for content creation and editing.
 */
import React from 'react';
import { useNavigate } from 'react-router-dom';
import PageMeta from '../../components/common/PageMeta';
import PageHeader from '../../components/common/PageHeader';
import { Card } from '../../components/ui/card';
import Button from '../../components/ui/button/Button';
import { AlertIcon } from '../../icons';

export default function Editor() {
  const navigate = useNavigate();

  return (
    <div className="space-y-6">
      <PageMeta
        title="Site Editor"
        description="Legacy site editor features"
      />
      <PageHeader
        title="Site Editor"
        subtitle="This feature has been deprecated"
        backLink="../"
      />
      
      <Card className="p-8 text-center">
        <AlertIcon className="w-16 h-16 text-amber-500 mx-auto mb-4" />
        <h2 className="text-2xl font-bold mb-2">Feature Deprecated</h2>
        <p className="text-gray-600 dark:text-gray-400 mb-6">
          The SiteBlueprint page editor has been removed.
          Please use the Writer module to create and edit content.
        </p>
        <Button onClick={() => navigate('../')} variant="primary">
          Return to Sites
        </Button>
      </Card>
    </div>
  );
}
