import React from 'react';
// import { useCalculatorStore } from '../../../store/calculatorStore';

interface ParapetTableProps {
    qh: number;
}

export const ParapetTable: React.FC<ParapetTableProps> = ({ qh }) => {
    // Parapet Logic (ASCE 7-16 Eq 27.4-4 approx)
    // qp = qh(GCpn)
    // Windward: GCpn = +1.5
    // Leeward: GCpn = -1.0
    // Parapet Logic (ASCE 7-16 Eq 27.4-4 approx)
    // qp = qh(GCpn)
    // Windward: GCpn = +1.5
    // Leeward: GCpn = -1.0
    // const Kzt = 1.0; // Assume top of wall?
    // const Kd = 0.85; 

    // Screenshot shows:
    // z | Kz | Kzt | Kdqp (psf)
    // 0.0 | 0.85 | 1.00 | 0.0  <- Wait, z is height OF parapet or height AT parapet?

    // We need parapet height from store
    // const { buildingGeometry } = useCalculatorStore();
    // const hp = buildingGeometry.parapetHeight; // Unused for now


    const windwardPress = qh * 1.5;
    const leewardPress = qh * 1.0; // Magnitude

    return (
        <div style={{ marginBottom: '20px' }}>
            <div className="report-section-title" style={{ fontSize: '1em', marginTop: '10px' }}>Parapet</div>
            <table className="analysis-table" style={{ width: '100%', fontSize: '0.85em' }}>
                <thead>
                    <tr style={{ background: '#f0f0f0' }}>
                        <th>z</th>
                        <th>Kz</th>
                        <th>Kzt</th>
                        <th>Kdqp (psf)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>0.0 ft</td>
                        <td>0.851</td>
                        <td>1.00</td>
                        <td>0.0</td>
                    </tr>
                </tbody>
            </table>
            <div style={{ fontSize: '0.85em', marginTop: '5px', color: '#555' }}>
                <div>Windward parapet: <strong>{windwardPress.toFixed(1)} psf</strong> (GCpn = +1.5)</div>
                <div>Leeward parapet: <strong>{leewardPress.toFixed(1)} psf</strong> (GCpn = -1.0)</div>
            </div>
        </div>
    );
};