import React from 'react';

const FlightOpsDashboard = () => {
    return (
        <div className="widget-container">
            <div className="widget-header">
                <h3>Flight Operations</h3>
            </div>
            <div className="widget-content">
                <div style={{ padding: '2rem', textAlign: 'center', background: 'var(--bg-secondary)', borderRadius: '8px', height: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>
                    <div style={{ fontSize: '3rem', marginBottom: '1rem', opacity: 0.5 }}>✈️</div>
                    <h4>Flight Operations Module</h4>
                    <p style={{ color: 'var(--text-secondary)' }}>Flight scheduling, crew management, and mission planning.</p>
                </div>
            </div>
        </div>
    );
};

export default FlightOpsDashboard;
