import React from 'react'; interface InteractiveOptions { enableHover?: boolean; enableFocus?: boolean; enablePress?: boolean; enableRipple?: boolean; enableAnimations?: boolean; enableColorShifts?: boolean; enableAccessibilityEnhancements?: boolean; animations?: boolean; enableHapticFeedback?: boolean; } interface InteractiveWrapperProps extends React.HTMLAttributes { /** * Interactive state options */ interactive?: InteractiveOptions; /** * Element type to render */ as?: keyof React.JSX.IntrinsicElements; /** * Whether to render ripple effect */ showRipple?: boolean; /** * Custom ripple color */ rippleColor?: string; /** * Accessibility role */ role?: string; /** * Whether element should be focusable */ focusable?: boolean; /** * Loading state */ loading?: boolean; /** * Disabled state */ disabled?: boolean; /** * Active state */ active?: boolean; /** * Callback for state changes */ onStateChange?: (state: any) => void; } export declare const InteractiveWrapper: React.ForwardRefExoticComponent>; /** * Pre-configured interactive components */ export declare const InteractivePresets: { /** * Card with hover and click interactions */ Card: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Button-like interactive element */ Button: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Navigation item with subtle interactions */ NavItem: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Input field with enhanced focus states */ Input: React.ForwardRefExoticComponent & React.RefAttributes>; /** * Toggle switch with visual feedback */ Toggle: React.ForwardRefExoticComponent & { checked?: boolean; } & React.RefAttributes>; }; export {}; //# sourceMappingURL=interactive-wrapper.d.ts.map