import React from 'react'; export const RainLoadDiagrams: React.FC = () => { return (
{/* 1. Hydraulic Head Section (Parapet/Scupper/Drain) */}

Hydraulic Head

{/* Structure */} {/* Parapet & Roof */} {/* Wall outer */} {/* Roof Slope */} {/* Water Levels */} {/* ds level at drain */} {/* Water Surface (Top of Rain Water) */} TOP OF RAIN WATER {/* Drains */} {/* Primary Drain */} ROOF DRAIN PRIMARY DRAINAGE SYSTEM (ASSUMED BLOCKED) {/* Scupper */} SCUPPER (SECONDARY DRAINAGE SYSTEM) {/* Parapet Label */} PARAPET {/* Dimensions ds, dh */} ds dh
{/* 2. Overflow Dam Section */}

Overflow Dam

{/* Structure */} {/* Left side */} {/* Right side */} {/* Drains */} {/* Secondary (Left) */} SECONDARY ROOF DRAIN {/* Primary (Right) - Blocked */} {/* Debris */} PRIMARY ROOF DRAIN {/* Dam */} {/* Water Level */} WATER LEVEL {/* Dimensions */} ds dh
{/* 3. Scupper Types (Iso) */}

Scupper Types

{/* Roof Plane */} {/* Parapet Block */} {/* Front Face Outline */} {/* Top Face */} {/* Side Face */} {/* Circular Scupper */} CIRCULAR SCUPPER {/* Open Channel Scupper */} {/* Depth line approx */} OPEN CHANNEL SCUPPER {/* Closed Scupper */} CLOSED SCUPPER ROOF
{/* 4. Roof Plan View */}

Roof Plan

{/* Outline */} {/* Parapet inner */} {/* Sections Line */} {/* Left Section (Scupper) */} {/* Flow path */} {/* Scupper */} PARAPET SCUPPER {/* Flow Arrows Left */} ROOF DRAIN AREA {/* Right Section (Drains) */} {/* Primary */} PRIMARY DRAIN {/* Secondary */} SECONDARY DRAIN {/* Flow Arrows Right */} ROOF DRAIN AREA
); };