Skip to content

⬅️ Back to Table of Contents

📄 ExplainerSpotlight

📊 Analysis Summary

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

📚 Table of Contents

🛠️ File Location:

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

📦 Imports

Name Source
Heading @theme/Heading
React react
styles ./styles.module.css

JSX Elements

Component Type Props Children
a element className={styles.explainerSpotlight}, href={href} ,
Heading component as="h3", className={styles.heading} {header},
span element className={styles.emoji} {emoji}
div element none {children}

Functions

ExplainerSpotlight({ children, emoji, header, href…: ExplainerSpotlightProps): React.JSX.Element

Parameters:

  • { children, emoji, header, href, } ExplainerSpotlightProps

Returns: React.JSX.Element

Code 
export function ExplainerSpotlight({
  children,
  emoji,
  header,
  href,
}: ExplainerSpotlightProps): React.JSX.Element {
  return (
    <a className={styles.explainerSpotlight} href={href}>
      <Heading as="h3" className={styles.heading}>
        {header} <span className={styles.emoji}>{emoji}</span>
      </Heading>
      <div>{children}</div>
    </a>
  );
}

Interfaces

ExplainerSpotlightProps

Interface Code 
export interface ExplainerSpotlightProps extends React.PropsWithChildren {
  header: string;
  emoji: string;
  href: string;
}

Properties

Name Type Optional Description
header string ✗ not shown
emoji string ✗ not shown
href string ✗ not shown

Generated by Syntax Scribe