import React from 'react';
import { type ComposableProps } from '../../../lib/slot';
import type { StepState, StepDevice } from './StepsContext';
export interface StepContentProps extends ComposableProps<'div'> {
    /**
     * Step content (typically StepTitle and StepDescription).
     */
    children?: React.ReactNode;
    /**
     * Step state (passed from StepItem)
     */
    state?: StepState;
    /**
     * Device type (passed from StepItem)
     */
    device?: StepDevice;
}
/**
 * StepContent Component
 *
 * A composable component for the content area of a step.
 * Typically wraps StepTitle and StepDescription.
 *
 * @public
 *
 * @example
 * ```tsx
 * <StepItem value={1}>
 *   <StepIcon />
 *   <StepContent>
 *     <StepTitle>Step 1</StepTitle>
 *     <StepDescription>Description</StepDescription>
 *   </StepContent>
 * </StepItem>
 * ```
 *
 * @remarks
 * - Wraps the HTML `<div>` element by default.
 * - Supports `asChild` prop to merge props with a custom child element.
 * - Automatically styled with flex layout.
 * - Forwards state and device props to children.
 */
export declare const StepContent: React.ForwardRefExoticComponent<StepContentProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=StepContent.d.ts.map