⬅️ Back to Table of Contents

📄 Sponsors

📊 Analysis Summary

Metric	Count
🔧 Functions	1
📦 Imports	5
💠 JSX Elements	5
📐 Interfaces	1

📚 Table of Contents

• Imports
• JSX Elements
• Functions
• Interfaces

🛠️ File Location:

📂 packages/website/src/components/home/Sponsors/index.tsx

📦 Imports

Name	Source
clsx	clsx
React	react
SponsorData	../FinancialContributors/types
Sponsor	../Sponsor
styles	./styles.module.css

---

JSX Elements

Component	Type	Props	Children
div	element	className={clsx(styles.tierArea, className)}	,
h3	element	none	{title}
ul	element	className={clsx(styles.sponsorsTier, styles[tier-${tier}])}	{sponsors.map(sponsor => ( <Sponsor includeName={includ...
li	element	key={sponsor.id}
Sponsor	component	includeName={includeName}, sponsor={sponsor}	none

---

Functions

Sponsors({ className, includeName, spons…: SponsorsProps): React.JSX.Element

Parameters:

• { className, includeName, sponsors, tier, title, } SponsorsProps

Returns: React.JSX.Element

Calls:

• clsx (from clsx)
• sponsors.map

Code

export function Sponsors({
  className,
  includeName,
  sponsors,
  tier,
  title,
}: SponsorsProps): React.JSX.Element {
  return (
    <div className={clsx(styles.tierArea, className)}>
      <h3>{title}</h3>
      <ul className={clsx(styles.sponsorsTier, styles[`tier-${tier}`])}>
        {sponsors.map(sponsor => (
          <li key={sponsor.id}>
            <Sponsor includeName={includeName} sponsor={sponsor} />
          </li>
        ))}
      </ul>
    </div>
  );
}

---

Interfaces

SponsorsProps

Interface Code

interface SponsorsProps {
  className: string;
  expanded?: boolean;
  includeName?: boolean;
  sponsors: SponsorData[];
  tier: string;
  title: string;
}

Properties

Name	Type	Optional	Description
className	string	✗	not shown
expanded	boolean	✓	not shown
includeName	boolean	✓	not shown
sponsors	SponsorData[]	✗	not shown
tier	string	✗	not shown
title	string	✗	not shown

---

Generated by Syntax Scribe