/**
 * Deployment Panel - DEPRECATED
 * 
 * Legacy SiteBlueprint deployment functionality has been removed.
 * Use WordPress integration sync and publishing features instead.
 */
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 DeploymentPanel() {
  const navigate = useNavigate();

  return (
    <div className="space-y-6">
      <PageMeta
        title="Deployment Panel"
        description="Legacy deployment features"
      />
      <PageHeader
        title="Deployment Panel"
        subtitle="This feature has been deprecated"
        backLink="../"
      />
      
      <Card className="p-8 text-center">
        <AlertIcon className="w-16 h-16 text-warning-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 deployment system has been removed.
          Please use WordPress integration sync features for publishing content.
        </p>
        <Button onClick={() => navigate('../')} variant="primary">
          Return to Sites
        </Button>
      </Card>
    </div>
  );
}