export function EmptyState() {
  return (
    <div style={{
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      justifyContent: "center",
      padding: "80px 24px",
      gap: 12,
      color: "var(--color-text-muted)",
    }}>
      <div style={{ fontSize: "2rem" }}>📅</div>
      <div style={{ fontSize: "1rem", fontWeight: 600, color: "var(--color-text)" }}>Schedule not available yet</div>
      <div style={{ fontSize: "0.85rem", textAlign: "center", lineHeight: 1.6 }}>
        Park hours for this period haven&apos;t been published yet.<br />
        Check back closer to your visit.
      </div>
    </div>
  );
}