/// <reference types="react" />
//#region src/responsive/type.d.ts
/**
 * 所有响应式组件应支持的基础 props
 *
 * - 通过实现该接口，组件可被 `withResponsive` HOC 自动注入响应式 variant 与覆写 props；
 * - HOC 在没有任何规则匹配时，仅会注入 `variant = currentBreakpoint`。
 *
 * @example
 * interface MyProps extends BaseResponsiveProps {
 *   title: string;
 * }
 * const MyComp: React.FC<MyProps> = ({ variant, className, title }) => (
 *   <div className={className} data-variant={variant}>{title}</div>
 * );
 */
interface BaseResponsiveProps {
  /** DOM/逻辑层 id，用于 nodeType=id 的规则匹配 */
  id?: string;
  /** className，用于 nodeType=className 的（按空格分词）包含匹配 */
  className?: string;
  /** 响应式变体；HOC 默认注入 = currentBreakpoint */
  variant?: string;
  /** 行内样式 */
  style?: React.CSSProperties;
}
//#endregion
export { BaseResponsiveProps };