component-genie-mcp/src/components/DPHeader/define.ts

A simplified Model Context Protocol server for querying React components with complete content access

// DPHeader 组件定义

export interface DPHeaderProps {
  /** 主标题 */
  title: string;
  /** 副标题（可选） */
  subtitle?: string;
  /** 自定义CSS类名 */
  className?: string;
  /** 点击事件处理 */
  onClick?: () => void;
}

export const DPHeaderConfig = {
  componentName: 'DPHeader',
  displayName: '页面头部',
  description: '用于显示页面标题和副标题的头部组件',
  category: 'layout',
  version: '1.0.0',
  props: {
    title: {
      type: 'string',
      required: true,
      description: '页面主标题'
    },
    subtitle: {
      type: 'string',
      required: false,
      description: '页面副标题'
    },
    className: {
      type: 'string',
      required: false,
      description: '自定义CSS类名'
    }
  }
} as const;