import React from 'react'; export const LoadCaseADiagram: React.FC = () => { return ( {/* Center Line */} {/* Plate */} {/* Force Arrow */} F LOAD CASE A ); }; export const LoadCaseBDiagram: React.FC = () => { return ( {/* Center Line */} {/* Plate */} {/* Eccentric Force */} {/* 0.2B offset. Width=100 -> B=100. 0.2B = 20. Center=75. Eccentric=95 */} F {/* Dimension */} 0.2 B LOAD CASE B ); }; export const LoadCaseCDiagram: React.FC = () => { return ( {/* Dimensions Top */} S S S S BALANCE {/* Boxes */} F F F F F LOAD CASE C ); }; export const SolidSignDimensionsDiagram: React.FC = () => { return ( {/* Ground */} GROUND SURFACE {/* Case s/h < 1 (Left) */} F {/* Dimensions */} s {/* Center Marks */} s/2 s/2 {/* h dim */} h s/h < 1 {/* Case s/h = 1 (Right) */} {/* F 0.05h */} F 0.05 h {/* Dimensions */} h=s {/* Center Marks */} h/2 h/2 s/h = 1 ); };