import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Props for the StepperPanel component
 * @extends ComponentPropsWithoutRef<"div">
 * @extends LayoutUtilProps
 */
export type StepperPanelProps = Omit<ComponentPropsWithoutRef<"div">, "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag"> & LayoutUtilProps & {
    /**
     * Unique identifier for the panel.
     * Must match the controls prop of the corresponding Stepper.Step.
     */
    id: string;
};
/**
 * Content panel component for displaying step content in the Stepper.
 *
 * Features:
 * - Displays content for the current step only
 * - Smooth fade-in/fade-out animations
 * - Automatic overflow handling with scroll support
 * - Accessible with proper ARIA roles
 * - Layout utilities for positioning and spacing
 * - Motion animations for smooth transitions
 * - Focus management for keyboard navigation
 * - Responsive design with flexible layout
 * - Context-based visibility control
 *
 * @example
 * <Stepper.Panel id="step1">
 *   <h2>Personal Information</h2>
 *   <form>
 *     <label htmlFor="name">Name:</label>
 *     <input id="name" type="text" />
 *   </form>
 * </Stepper.Panel>
 *
 * @example
 * <Stepper.Panel id="step2" className="custom-panel">
 *   <div className="step-content">
 *     <h2>Contact Details</h2>
 *     <p>Please provide your contact information.</p>
 *   </div>
 * </Stepper.Panel>
 */
export declare const StepperPanel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & LayoutUtilProps & {
    /**
     * Unique identifier for the panel.
     * Must match the controls prop of the corresponding Stepper.Step.
     */
    id: string;
} & import('react').RefAttributes<HTMLDivElement>>;