Clean React Functional Component

Create a React functional component named [ComponentName] with TypeScript.

Requirements

• Props defined in interface [ComponentName]Props
• Use destructuring for props
• Proper typing for:
  • children
  • className
  • Any custom props
• JSDoc comments explaining the component purpose
• Semantic HTML structure
• Export as default

Example Structure

interface [ComponentName]Props {
  children?: React.ReactNode;
  className?: string;
  // custom props here
}

/**
 * [Component purpose description]
 */
export default function [ComponentName]({ children, className }: [ComponentName]Props) {
  return (
    <div className={className}>
      {children}
    </div>
  );
}