// iBOrbit Intensives — primitives.
// Reuses landing primitives (Card, Eyebrow, LabelPill, Scribble, Button, Icon,
// IconPill, Avatar, AvatarRow, CheckList, Tag, ProofStrip, Placeholder) and
// adds page-specific atoms here.

// Section heading helper — for the recurring `EYEBROW + 2-line heading` pattern.
const SectionHead = ({ eyebrow, withBullet = false, children, align = "left", style }) => (
  <header className={`section-head intensives-section-head align-${align}`} style={style}>
    {eyebrow && (
      <div className={`eyebrow ${withBullet ? "with-bullet" : ""}`}>{eyebrow}</div>
    )}
    {children && <h2>{children}</h2>}
  </header>
);

// OrbitDecoration — dotted ellipses + gold dots, reused across sections.
const IntensivesOrbits = () => (
  <>
    <span className="orbit a" /><span className="orbit b" /><span className="orbit c" />
    <span className="gold-dot" style={{ left: 50,  top: 38 }} />
    <span className="gold-dot" style={{ left: 360, top: 90 }} />
    <span className="gold-dot" style={{ right: 60, top: 165 }} />
    <span className="gold-dot" style={{ right: 160, bottom: 80 }} />
    <span className="gold-dot" style={{ left: 90, bottom: 60 }} />
  </>
);

Object.assign(window, { SectionHead, IntensivesOrbits });