⬅️ Back to Table of Contents

📄 Feature.tsx

📊 Analysis Summary

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

📚 Table of Contents

• Imports
• JSX Elements
• Functions
• Interfaces

🛠️ File Location:

📂 packages/website/src/theme/MDXComponents/Feature.tsx

📦 Imports

Name	Source
React	react
styles	./Feature.module.css

---

JSX Elements

Component	Type	Props	Children
div	element	className={styles.feature}	,
div	element	className={styles.emoji}	{emoji}
p	element	className={styles.children}	{children}

---

Functions

Feature({ children, emoji }: FeatureProps): React.JSX.Element

Code

export function Feature({ children, emoji }: FeatureProps): React.JSX.Element {
  return (
    <div className={styles.feature}>
      <div className={styles.emoji}>{emoji}</div>
      <p className={styles.children}>{children}</p>
    </div>
  );
}

• Parameters:
• { children, emoji }: FeatureProps
• Return Type: React.JSX.Element

---

Interfaces

FeatureProps

Interface Code

export interface FeatureProps {
  children: React.ReactNode;
  emoji: string;
}

Properties

Name	Type	Optional	Description
children	React.ReactNode	✗
emoji	string	✗

---