import React from 'react';

const ViewModOnEquipment = () => {
    return (
        <div className="widget-container">
            <div className="widget-header">
                <h3>View Mod on Equipment</h3>
            </div>
            <div className="widget-content">
                <div style={{ padding: '1rem', background: 'var(--bg-secondary)', borderRadius: '8px', marginBottom: '1rem' }}>
                    <div style={{ display: 'grid', gridTemplateColumns: '1fr auto', gap: '1rem' }}>
                        <input type="text" placeholder="Enter Equipment Part No. & Serial No." style={{ padding: '0.5rem', borderRadius: '4px', border: '1px solid var(--border-color)', background: 'var(--bg-primary)', color: 'var(--text-primary)' }} />
                        <button className="btn-primary">Check Mods</button>
                    </div>
                </div>
                <div style={{ textAlign: 'center', padding: '3rem', color: 'var(--text-secondary)' }}>
                    No equipment selected.
                </div>
            </div>
        </div>
    );
};

export default ViewModOnEquipment;
