(() => {
const { Button, Badge, SectionHeading, CaseFileCard, Card, SourceNote } = window.JudithHorvathNonprofitDesignSystem_c97fb3;

function ProjectsScreen({ setPage }) {
  return (
    <>
      <Band>
        <SectionHeading level={1} eyebrow="Projects" title="One case file per project."
          lede="New ones are added as they surface; the list is built to grow." />
        <div className="fg-grid" style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 'var(--space-6)', marginTop: 'var(--space-12)' }}>
          <CaseFileCard name="Viking 1-S: Amanda Township Test Well" status="watching" statusLabel="Watching"
            location="Amanda Township, Fairfield County"
            facts={[
              { label: 'API', value: '34-045-2-1515-00-00' },
              { label: 'Target', value: 'Mt. Simon Sandstone' },
              { label: 'Operator statements', value: 'EQT, Jul 13 & Jul 28, 2026' },
              { label: 'Class VI permit', value: 'None filed' },
            ]}>
            Stratigraphic test well targeting the Mt. Simon Sandstone, being drilled as of August 28, 2026. EQT representatives have confirmed a Class VI carbon storage intent at public meetings: the Amanda Township Trustees meeting of July 13, 2026 and the Hocking Township Trustees meeting of July 28, 2026. Test results are expected in approximately six months.
          </CaseFileCard>

          <CaseFileCard name="Google Data Center, Lancaster" status="monitoring" statusLabel="Monitoring"
            location="Lancaster, Fairfield County"
            facts={[{ label: 'Distance to Viking 1-S', value: '~3 miles' }, { label: 'Gas plant proposal', value: 'Unconfirmed' }]}>
            The data center roughly three miles from the test well, and any associated behind-the-meter gas plant proposal under HB 15.
          </CaseFileCard>

          <CaseFileCard name="Fairfield Energy Center, Millersport" status="monitoring" statusLabel="Second case file"
            location="Village of Millersport, Fairfield County"
            facts={[
              { label: 'OPSB case', value: '26-0160-EL-BGN' },
              { label: 'Proposed', value: '1,350 MW gas + ~1,040 MW storage' },
              { label: 'Site', value: '~122 acres' },
              { label: 'Public hearing', value: 'Aug 17, 2026 (held)' },
            ]}>
            A proposed natural gas plant with battery storage, sited to serve an adjacent data center rather than the surrounding towns. The Ohio Power Siting Board held its public hearing on August 17, 2026; written comments still enter the docket until the Board rules. Kept here as a second case file because it is the HB 15 half of the same chain: the plants that create the CO₂ the storage wells are for.
          </CaseFileCard>

          <CaseFileCard name="PowerConneX Ashville Energy Center" status="monitoring" statusLabel="Adjacent county"
            location="Pickaway County"
            facts={[{ label: 'Public hearing', value: 'Aug 19, 2026 (held)' }, { label: 'Venue', value: 'Teays Valley High School' }]}>
            A near-identical behind-the-meter project one county over, heard two days after Millersport's. Tracked for the process pattern rather than for local jurisdiction.
          </CaseFileCard>
        </div>

        <Card tone="sunken" padding="var(--space-8)" style={{ marginTop: 'var(--space-6)', borderStyle: 'dashed', textAlign: 'center' }}>
          <div style={{ fontFamily: 'var(--font-mono)', fontSize: 'var(--text-sm)', color: 'var(--text-muted)' }}>+ Next project gets added here</div>
        </Card>

      </Band>
    </>
  );
}

Object.assign(window, { ProjectsScreen });
})();