} right={} />

{["ALL", "APPAREL", "NUTRITION", "EQUIPMENT", "MEDIA"].map((t, i) => {t})}

OPEN DEALS · 14

{[ { co: "Spartan Combat", t: "Singlet sponsorship · NCAA D1", v: "$2,400 / season", tag: "OPEN", k: "athlete" }, { co: "ASICS WR", t: "Shoe deal · 2 pairs/yr", v: "GEAR + $800", tag: "MATCH", k: "store" }, { co: "DAKE MEDIA", t: "Content slot · 2 reels", v: "$400 / month", tag: "OPEN", k: "scout" }, { co: "NUTRA-X", t: "Supplement seed", v: "PRODUCT · $0", tag: "OPEN", k: "athlete" }, { co: "HOMETOWN", t: "Hometown ambassador · Iowa", v: "$1,200 + GEAR", tag: "INVITE", k: "dojo" }, ].map((d, i) => (

{d.co} {d.tag}

{d.t}

{d.v}

))}

); // ── SPN-2 · Deal Builder ───────────────────────────────────────── const SponsorDealBuilderScreen = () => (

} />

Spartan Combat · Apparel

Singlet sponsorship

DEAL TYPE

{[{ k: "Cash + Gear", sel: true }, { k: "Gear only" }, { k: "Revenue share" }, { k: "Performance" }].map((c) => (

{c.k}

))}

TERMS

{[["TERM", "12 months"], ["CASH", "$2,400 / season"], ["GEAR", "8 singlets · 4 sweats"], ["EXCLUSIVITY", "Category · APPAREL"], ["TERRITORY", "USA"]].map(([l, v]) => (

{l} {v}

))}

DELIVERABLES · 4

{[ "Wear singlet at 8 sanctioned events", "4 social posts / quarter — @spartancombat tag", "Sponsor row on athlete profile", "POD submission within 14 days of each event", ].map((t, i) => (

{t}

))}

); // ── SPN-3 · Escrow ─────────────────────────────────────────────── const SponsorEscrowScreen = () => (

} />

DEAL · Spartan Combat × A. RIVERA

Q3 milestone

IN ESCROW

$600.00

Releases on POD acceptance · 12 day SLA

MILESTONE STATUS

{[ { l: "Deal signed", t: "May 02", on: true }, { l: "POD submitted", t: "May 12", on: true }, { l: "Sponsor review", t: "in progress", on: true }, { l: "Funds released", t: "by May 24", on: false }, ].map((s, i) => (

{s.l}

{s.t}

))}

DISPUTE WINDOW

Sponsor has 7 days to flag POD issues. After that funds auto-release.

); // ── SPN-4 · POD Submission ─────────────────────────────────────── const SponsorPODSubmissionScreen = () => (

} />

STEP 2 OF 3

Upload event proof

Singlet visible, event signage in frame. Add the match record from the bracket sheet.

MEDIA · 0 OF 3 MIN

{[0, 1, 2].map((i) => (

{i === 0 ? : "+"}

))}

EVENT DETAILS

{[["EVENT", "Freestyle Trials 2026"], ["DIVISION", "65 FS"], ["FINISH", "1st"], ["DATE", "May 28, 2026"]].map(([l, v]) => (

{l} {v}

))}

NOTES · OPTIONAL

</div>
    <div style={{ padding: "12px 20px 32px", background: "var(--bg-primary)", borderTop: "1px solid var(--border-subtle)" }}>
      <Button label="SUBMIT TO SPONSOR" fullWidth size="large" tone="mono" rightIcon={<I.ArrowRight />} />
    </div>
  </div>
);

// ── SPN-5 · Contract Review ──────────────────────────────────────
const SponsorContractScreen = () => (
  <div style={{ position: "absolute", inset: 0, background: "var(--bg-primary)", display: "flex", flexDirection: "column" }}>
    <TopBar title="Contract" left={<I.ArrowLeft size={22} />} right={<I.Share size={20} />} />
    <div style={{ flex: 1, overflow: "auto", padding: "16px 20px 32px" }} className="no-scrollbar">
      <Overline style={{ color: "var(--accent)" }}>READY TO SIGN</Overline>
      <div className="t-h3" style={{ marginTop: 6 }}>Spartan Combat × A. Rivera</div>

<div style={{ marginTop: 16, padding: 20, border: "1px solid var(--border-subtle)", borderRadius: "var(--r-sm)", fontFamily: "ui-monospace, monospace", fontSize: 12, lineHeight: 1.7, color: "var(--text-secondary)" }}>
        <div style={{ color: "var(--text-primary)", fontWeight: 700 }}>SPONSORSHIP AGREEMENT · v2.1</div>
        <div style={{ marginTop: 10 }}>This agreement, entered May 14, 2026, between Spartan Combat Inc. ("Sponsor") and Alex Rivera ("Athlete")...</div>
        <div style={{ marginTop: 10 }}>1. TERM — 12 months from the effective date.</div>
        <div>2. COMPENSATION — $2,400 USD plus gear (8 singlets, 4 sweats) per Schedule A.</div>
        <div>3. EXCLUSIVITY — Athlete grants Sponsor exclusivity in APPAREL category...</div>
        <div>4. DELIVERABLES — See Exhibit 1.</div>
        <div>5. POD — Athlete shall submit proof of delivery within 14 days of each event.</div>
        <div style={{ color: "var(--text-tertiary)" }}>... (8 more sections)</div>
      </div>

<Overline style={{ color: "var(--text-secondary)", marginTop: 24 }}>SIGNATURES</Overline>
      <div style={{ marginTop: 12 }}>
        <div style={{ display: "flex", justifyContent: "space-between", padding: "14px 0", borderBottom: "1px solid var(--border-subtle)" }}>
          <div>
            <div className="t-body-bold">Spartan Combat Inc.</div>
            <Overline style={{ color: "var(--text-tertiary)" }}>D. Hayes · Brand Director</Overline>
          </div>
          <div style={{ alignSelf: "center", display: "flex", alignItems: "center", gap: 6, color: "var(--accent)" }}>
            <I.Check size={16} /><Overline style={{ color: "var(--accent)" }}>SIGNED</Overline>
          </div>
        </div>
        <div style={{ display: "flex", justifyContent: "space-between", padding: "14px 0" }}>
          <div>
            <div className="t-body-bold">Alex Rivera</div>
            <Overline style={{ color: "var(--text-tertiary)" }}>65 FS · NCAA D1</Overline>
          </div>
          <div style={{ alignSelf: "center" }}><Overline style={{ color: "var(--text-secondary)" }}>YOUR TURN</Overline></div>
        </div>
      </div>
    </div>
    <div style={{ padding: "12px 20px 32px", background: "var(--bg-primary)", borderTop: "1px solid var(--border-subtle)", display: "flex", gap: 10 }}>
      <div style={{ flex: 1 }}><Button label="REQUEST CHANGES" fullWidth size="large" tone="mono" variant="secondary" /></div>
      <div style={{ flex: 1 }}><Button label="SIGN & ACCEPT" fullWidth size="large" tone="mono" rightIcon={<I.ArrowRight />} /></div>
    </div>
  </div>
);

// ── ATH-1 · Storefront (public-facing) ──────────────────────────
const AthleteStorefrontScreen = () => (
  <div style={{ position: "absolute", inset: 0, background: "var(--bg-primary)", display: "flex", flexDirection: "column" }}>
    <div style={{ flex: 1, overflow: "auto" }} className="no-scrollbar">
      <div style={{ position: "relative", height: 280 }}>
        <PhotoPlaceholder kind="athlete" style={{ position: "absolute", inset: 0 }} />
        <CornerMark corner="TL" color="#fff" /><CornerMark corner="TR" color="#fff" /><CornerMark corner="BL" color="#fff" /><CornerMark corner="BR" color="#fff" />
        <button style={{ position: "absolute", top: 56, left: 16, width: 36, height: 36, background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.2)", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer" }}>
          <I.ArrowLeft size={18} />
        </button>
        <button style={{ position: "absolute", top: 56, right: 16, width: 36, height: 36, background: "rgba(0,0,0,0.6)", border: "1px solid rgba(255,255,255,0.2)", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer" }}>
          <I.Share size={18} />
        </button>
        <div style={{ position: "absolute", bottom: 16, left: 20, color: "#fff" }}>
          <Overline style={{ color: "rgba(255,255,255,0.7)" }}>WRESTLER · 65 FS</Overline>
          <div className="t-h2" style={{ marginTop: 4 }}>A. Rivera</div>
          <div className="t-caption-lg" style={{ marginTop: 4, color: "rgba(255,255,255,0.8)" }}>NCAA D1 · 18-3 · US Open Champion</div>
        </div>
      </div>

<div style={{ padding: 20 }}>
        <div style={{ display: "flex", justifyContent: "space-between", marginBottom: 20 }}>
          <Overline style={{ color: "var(--accent)" }}>FAN STORE</Overline>
          <Overline style={{ color: "var(--text-tertiary)" }}>SHIPS WORLDWIDE</Overline>
        </div>

<div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10 }}>
          {[
            { c: "AR-TEE-01", n: "Signature Tee", p: "$32", k: "athlete" },
            { c: "AR-HD-01", n: "Hooded Sweat", p: "$58", k: "canvas" },
            { c: "AR-SGL-01", n: "Replica Singlet", p: "$78", k: "mat", drop: "NEW DROP" },
            { c: "AR-CAP-01", n: "Snapback", p: "$28", k: "gym" },
          ].map((p) => (
            <div key={p.c} style={{ border: "1px solid var(--border-subtle)", borderRadius: "var(--r-sm)", overflow: "hidden" }}>
              <div style={{ position: "relative", height: 160, background: "var(--bg-tertiary)" }}>
                <PhotoPlaceholder kind={p.k} style={{ position: "absolute", inset: 0 }} />
                <CornerMark corner="TL" /><CornerMark corner="BR" />
                {p.drop && <div style={{ position: "absolute", top: 8, left: 8, padding: "3px 6px", background: "var(--accent)", color: "#fff" }}><Overline style={{ color: "#fff" }}>{p.drop}</Overline></div>}
              </div>
              <div style={{ padding: "10px 12px" }}>
                <Overline style={{ color: "var(--text-tertiary)" }}>{p.c}</Overline>
                <div className="t-body-bold" style={{ marginTop: 4 }}>{p.n}</div>
                <div className="t-caption-lg" style={{ color: "var(--text-secondary)", marginTop: 2 }}>{p.p}</div>
              </div>
            </div>
          ))}
        </div>

<Overline style={{ color: "var(--text-secondary)", marginTop: 24 }}>SPONSORS</Overline>
        <div style={{ display: "flex", gap: 8, marginTop: 10, flexWrap: "wrap" }}>
          {["Spartan Combat", "ASICS WR", "NUTRA-X", "DAKE"].map((s) => <Tag key={s}>{s}</Tag>)}
        </div>
      </div>
    </div>
  </div>
);

// ── ATH-2 · Drop Management ──────────────────────────────────────
const AthleteDropsScreen = () => (
  <div style={{ position: "absolute", inset: 0, background: "var(--bg-primary)", display: "flex", flexDirection: "column" }}>
    <TopBar title="Drops" left={<I.ArrowLeft size={22} />} right={<I.Plus size={22} />} />
    <div style={{ flex: 1, overflow: "auto", padding: "12px 20px 32px" }} className="no-scrollbar">
      <Overline style={{ color: "var(--accent)" }}>LIVE · 1 DROP</Overline>
      <div style={{ marginTop: 10, padding: 14, border: "2px solid var(--accent)", borderRadius: "var(--r-sm)", position: "relative" }}>
        <CornerMark corner="TL" /><CornerMark corner="TR" />
        <div style={{ display: "flex", justifyContent: "space-between" }}>
          <Overline style={{ color: "var(--accent)" }}>AR-SGL-01 · REPLICA SINGLET</Overline>
          <Overline style={{ color: "var(--text-tertiary)" }}>ENDS · 12D</Overline>
        </div>
        <div className="t-h4" style={{ marginTop: 6 }}>72 / 200 sold</div>
        <div style={{ marginTop: 10, height: 6, background: "var(--bg-tertiary)" }}>
          <div style={{ height: "100%", width: "36%", background: "var(--accent)" }} />
        </div>
        <div style={{ display: "flex", justifyContent: "space-between", marginTop: 10 }}>
          <div><Overline style={{ color: "var(--text-tertiary)" }}>REVENUE</Overline><div className="t-body-bold">$5,616</div></div>
          <div><Overline style={{ color: "var(--text-tertiary)" }}>NET</Overline><div className="t-body-bold">$2,808</div></div>
          <div><Overline style={{ color: "var(--text-tertiary)" }}>SHIP</Overline><div className="t-body-bold">JUN 12</div></div>
        </div>
      </div>

<Overline style={{ color: "var(--text-secondary)", marginTop: 24 }}>SCHEDULED · 2</Overline>
      <div style={{ marginTop: 8 }}>
        {[
          { c: "AR-HD-02", n: "Trials Q3 Hoodie", d: "JUN 14", q: "150 max" },
          { c: "AR-TEE-02", n: "Bracket Tee", d: "JUL 02", q: "Open ed." },
        ].map((d) => (
          <div key={d.c} style={{ display: "flex", justifyContent: "space-between", padding: "14px 0", borderBottom: "1px solid var(--border-subtle)" }}>
            <div>
              <Overline style={{ color: "var(--text-tertiary)" }}>{d.c}</Overline>
              <div className="t-body-bold" style={{ marginTop: 2 }}>{d.n}</div>
              <div className="t-caption-lg" style={{ color: "var(--text-secondary)", marginTop: 2 }}>{d.q}</div>
            </div>
            <Overline style={{ color: "var(--module-store)", alignSelf: "flex-start" }}>{d.d}</Overline>
          </div>
        ))}
      </div>

<Overline style={{ color: "var(--text-secondary)", marginTop: 24 }}>ARCHIVED · 4</Overline>
      <div className="t-caption-lg" style={{ color: "var(--text-tertiary)", marginTop: 6 }}>Bracket Tee Q2 · NCAA Loadout · Open Mat capsule · 1st Drop</div>
    </div>
  </div>
);

// ── ATH-3 · Sponsor Row Management ───────────────────────────────
const AthleteSponsorRowScreen = () => (
  <div style={{ position: "absolute", inset: 0, background: "var(--bg-primary)", display: "flex", flexDirection: "column" }}>
    <TopBar title="Sponsors" left={<I.ArrowLeft size={22} />} right={<I.Plus size={22} />} />
    <div style={{ flex: 1, overflow: "auto", padding: "12px 20px 32px" }} className="no-scrollbar">
      <Overline style={{ color: "var(--accent)" }}>ACTIVE · 4</Overline>
      <div style={{ marginTop: 12 }}>
        {[
          { co: "Spartan Combat", t: "Apparel · 12-month", v: "$2,400 · 4 quarters", status: "ACTIVE", net: "$1,200 YTD" },
          { co: "ASICS WR", t: "Footwear · 24-month", v: "GEAR + $800", status: "ACTIVE", net: "$0 paid" },
          { co: "NUTRA-X", t: "Supplements · 6-month", v: "PRODUCT", status: "ACTIVE", net: "$0 paid" },
          { co: "DAKE MEDIA", t: "Content · monthly", v: "$400 / mo", status: "OFFER", net: "Pending sign" },
        ].map((d, i) => (
          <div key={i} style={{ padding: "16px 0", borderBottom: "1px solid var(--border-subtle)" }}>
            <div style={{ display: "flex", justifyContent: "space-between" }}>
              <Overline style={{ color: "var(--text-tertiary)" }}>{d.co}</Overline>
              <Overline style={{ color: d.status === "OFFER" ? "var(--accent)" : "var(--success)" }}>{d.status}</Overline>
            </div>
            <div className="t-body-bold" style={{ marginTop: 4 }}>{d.t}</div>
            <div className="t-caption-lg" style={{ color: "var(--text-secondary)", marginTop: 2 }}>{d.v}</div>
            <div style={{ display: "flex", justifyContent: "space-between", marginTop: 8 }}>
              <Overline style={{ color: "var(--text-tertiary)" }}>{d.net}</Overline>
              <Overline style={{ color: "var(--module-store)" }}>MANAGE →</Overline>
            </div>
          </div>
        ))}
      </div>

<div style={{ marginTop: 24, padding: 14, border: "1px dashed var(--border-default)", borderRadius: "var(--r-sm)" }}>
        <Overline style={{ color: "var(--text-tertiary)" }}>DISPLAY ORDER</Overline>
        <div className="t-caption-lg" style={{ color: "var(--text-secondary)", marginTop: 4 }}>Drag to reorder how sponsors appear on your profile sponsor row.</div>
      </div>
    </div>
  </div>
);

// ── ATH-4 · Athlete Store Orders ─────────────────────────────────
const AthleteStoreOrdersScreen = () => (
  <div style={{ position: "absolute", inset: 0, background: "var(--bg-primary)", display: "flex", flexDirection: "column" }}>
    <TopBar title="Store orders" left={<I.ArrowLeft size={22} />} right={<I.Filter size={20} />} />
    <div style={{ flex: 1, overflow: "auto", padding: "12px 20px 32px" }} className="no-scrollbar">
      <div style={{ display: "flex", gap: 6, marginBottom: 16, overflowX: "auto" }} className="no-scrollbar">
        {["ALL · 72", "QUEUED · 18", "SHIPPED · 48", "RETURNED · 6"].map((t, i) => <Tag key={t} active={i === 0}>{t}</Tag>)}
      </div>
      <div style={{ marginTop: 4 }}>
        {[
          { id: "AR-4421", b: "K. Yoon · Toronto", item: "Replica Singlet · M", t: "$78", s: "QUEUED" },
          { id: "AR-4420", b: "M. Park · NJ", item: "Signature Tee · L", t: "$32", s: "QUEUED" },
          { id: "AR-4419", b: "T. Cole · TX", item: "Hooded Sweat · XL", t: "$58", s: "SHIPPED" },
          { id: "AR-4418", b: "S. Brand · IA", item: "Replica Singlet · S", t: "$78", s: "SHIPPED" },
          { id: "AR-4417", b: "D. Hahn · OH", item: "Snapback", t: "$28", s: "RETURNED" },
        ].map((o) => (
          <div key={o.id} style={{ position: "relative", padding: "14px 0 14px 14px", borderBottom: "1px solid var(--border-subtle)" }}>
            <div style={{ position: "absolute", left: 0, top: 16, width: 3, height: 38, background: o.s === "RETURNED" ? "var(--error)" : o.s === "SHIPPED" ? "var(--success)" : "var(--module-store)" }} />
            <div style={{ display: "flex", justifyContent: "space-between" }}>
              <Overline style={{ color: "var(--text-tertiary)", fontFamily: "monospace" }}>{o.id}</Overline>
              <Overline style={{ color: o.s === "RETURNED" ? "var(--error)" : "var(--text-secondary)" }}>{o.s}</Overline>
            </div>
            <div className="t-body-bold" style={{ marginTop: 4 }}>{o.b}</div>
            <div className="t-caption-lg" style={{ color: "var(--text-secondary)", marginTop: 2, display: "flex", justifyContent: "space-between" }}>
              <span>{o.item}</span><span>{o.t}</span>
            </div>
          </div>
        ))}
      </div>
    </div>
  </div>
);

// ── ATH-5 · Payouts ──────────────────────────────────────────────
const AthletePayoutsScreen = () => (
  <div style={{ position: "absolute", inset: 0, background: "var(--bg-primary)", display: "flex", flexDirection: "column" }}>
    <TopBar title="Payouts" left={<I.ArrowLeft size={22} />} />
    <div style={{ flex: 1, overflow: "auto", padding: "16px 20px 32px" }} className="no-scrollbar">
      <div style={{ position: "relative", padding: "20px 24px", border: "2px solid var(--border-strong)", borderRadius: "var(--r-sm)" }}>
        <CornerMark corner="TL" /><CornerMark corner="TR" /><CornerMark corner="BL" /><CornerMark corner="BR" />
        <Overline style={{ color: "var(--text-tertiary)" }}>AVAILABLE</Overline>
        <div className="t-h2" style={{ marginTop: 6 }}>$2,856.40</div>
        <div className="t-caption-lg" style={{ color: "var(--text-secondary)", marginTop: 4 }}>To ACH · Chase ····2341</div>
      </div>

<div style={{ marginTop: 24, display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10 }}>
        {[
          { l: "PENDING", v: "$408.00", t: "12 orders" },
          { l: "ON HOLD", v: "$0.00", t: "no disputes" },
        ].map((c) => (
          <div key={c.l} style={{ border: "1px solid var(--border-subtle)", borderRadius: "var(--r-sm)", padding: 14 }}>
            <Overline style={{ color: "var(--text-tertiary)" }}>{c.l}</Overline>
            <div className="t-h5" style={{ marginTop: 4 }}>{c.v}</div>
            <div className="t-caption-lg" style={{ color: "var(--text-secondary)", marginTop: 2 }}>{c.t}</div>
          </div>
        ))}
      </div>

<Overline style={{ color: "var(--text-secondary)", marginTop: 24 }}>HISTORY</Overline>
      <div style={{ marginTop: 8 }}>
        {[
          { d: "MAY 01", a: "$1,840.20", to: "ACH · ····2341" },
          { d: "APR 01", a: "$2,210.00", to: "ACH · ····2341" },
          { d: "MAR 01", a: "$1,512.80", to: "ACH · ····2341" },
        ].map((p, i) => (
          <div key={i} style={{ display: "flex", justifyContent: "space-between", padding: "12px 0", borderBottom: "1px solid var(--border-subtle)" }}>
            <div>
              <Overline style={{ color: "var(--text-tertiary)" }}>{p.d}</Overline>
              <div className="t-caption-lg" style={{ color: "var(--text-secondary)", marginTop: 2 }}>{p.to}</div>
            </div>
            <span className="t-body-bold" style={{ alignSelf: "center" }}>{p.a}</span>
          </div>
        ))}
      </div>
    </div>
  </div>
);

// ── ATH-6 · Store Settings ───────────────────────────────────────
const AthleteStoreSettingsScreen = () => (
  <div style={{ position: "absolute", inset: 0, background: "var(--bg-primary)", display: "flex", flexDirection: "column" }}>
    <TopBar title="Store settings" left={<I.ArrowLeft size={22} />} />
    <div style={{ flex: 1, overflow: "auto", padding: "16px 20px 32px" }} className="no-scrollbar">
      <Overline style={{ color: "var(--accent)" }}>STOREFRONT</Overline>
      <div style={{ marginTop: 8 }}>
        {[
          { l: "Handle", v: "@a.rivera" },
          { l: "Store name", v: "A. Rivera · Apparel" },
          { l: "Tagline", v: "Train hard. Wear it harder." },
          { l: "Country", v: "United States" },
          { l: "Currency", v: "USD" },
        ].map((r) => (
          <div key={r.l} style={{ display: "flex", justifyContent: "space-between", padding: "14px 0", borderBottom: "1px solid var(--border-subtle)" }}>
            <Overline style={{ color: "var(--text-tertiary)" }}>{r.l}</Overline>
            <span className="t-body">{r.v}</span>
          </div>
        ))}
      </div>

<Overline style={{ color: "var(--accent)", marginTop: 24 }}>FINANCIAL</Overline>
      <div style={{ marginTop: 8 }}>
        {[
          { l: "Payout method", v: "ACH · Chase ····2341" },
          { l: "Tax form", v: "W-9 on file" },
          { l: "Stripe Connect", v: "Verified · acct_***" },
        ].map((r) => (
          <div key={r.l} style={{ display: "flex", justifyContent: "space-between", padding: "14px 0", borderBottom: "1px solid var(--border-subtle)" }}>
            <Overline style={{ color: "var(--text-tertiary)" }}>{r.l}</Overline>
            <span className="t-body">{r.v}</span>
          </div>
        ))}
      </div>

<Overline style={{ color: "var(--accent)", marginTop: 24 }}>PUBLISHING</Overline>
      <div style={{ marginTop: 8 }}>
        {[
          { l: "Store visible publicly", on: true },
          { l: "Accept international orders", on: true },
          { l: "Auto-approve new drops", on: false },
          { l: "Notify fans on new drop", on: true },
        ].map((r) => <SettingsRow key={r.l} label={r.l} switchOn={r.on} />)}
      </div>
    </div>
  </div>
);

Object.assign(window, {
  SponsorMarketplaceScreen,
  SponsorDealBuilderScreen,
  SponsorEscrowScreen,
  SponsorPODSubmissionScreen,
  SponsorContractScreen,
  AthleteStorefrontScreen,
  AthleteDropsScreen,
  AthleteSponsorRowScreen,
  AthleteStoreOrdersScreen,
  AthletePayoutsScreen,
  AthleteStoreSettingsScreen,
});