import React from 'react';
import { Layers } from 'lucide-react';

export const SchemaBuilder: React.FC = () => {
    return (
        <div className="p-8 max-w-4xl mx-auto">
            <div className="text-center py-12 bg-white rounded-xl shadow-sm border border-slate-200">
                <div className="w-16 h-16 bg-blue-50 rounded-2xl flex items-center justify-center mx-auto mb-4">
                    <Layers size={32} className="text-blue-600" />
                </div>
                <h1 className="text-2xl font-bold text-slate-800 mb-2">Schema Builder</h1>
                <p className="text-slate-500 max-w-md mx-auto">
                    Visualize and manage your data model relationships. This feature is coming soon.
                </p>
            </div>
        </div>
    );
};

export default SchemaBuilder;