import React from 'react';

const MRODashboard = () => {
    return (
        <div className="widget-container">
            <div className="widget-header">
                <h3>MRO Management</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>MRO Management Module</h4>
                    <p style={{ color: 'var(--text-secondary)' }}>Maintenance Resource Organization tracking, shop floor control, and 3rd party services.</p>
                </div>
            </div>
        </div>
    );
};

export default MRODashboard;
