import {useSite} from '@site/lib/site-context';
import {exhibitionRows, sectionName} from '@site/lib/derive';
import {Field, Section} from '@site/lib/ui';

/**
 * 전시 · 관람 안내.
 *
 * ★ payload 에 없는 것 — 전시 자체
 *   전시 목록·기간·관람료 필드가 스키마에 없다. 틀리면 그대로 헛걸음인 값이라
 *   근거 없이는 그리지 않는다. (요금은 프로그램 단위 fact 로 들어와 프로그램 섹션이 낸다.)
 *
 * ★ 지금 그릴 수 있는 것 — 관람 조건에 답하는 확인 fact
 *   운영시간 · 회차 시간 · 휴무일 · 연령 제한 · 안내 언어.
 */
export function ExhibitionSection() {
  const payload = useSite();
  const rows = exhibitionRows(payload);

  if (rows.length === 0) return null;

  return (
    <Section
      id="exhibition"
      tone="alt"
      title={sectionName(payload, 'exhibition', '관람 안내')}
      lead="방문 전 관람 조건을 확인해 주세요."
    >
      <dl className="panel divide-line divide-y overflow-hidden px-5">
        {rows.map((row) => (
          <Field key={row.label} label={row.label} value={row.value} />
        ))}
      </dl>
    </Section>
  );
}