import type { TranslateFn } from "../../i18n";
/**
 * Mobile-only body shape question component. Renders a single question
 * (chest / midsection / seat / hips) as a vertical stack of full-width
 * cards matching the reference design:
 *
 *   STEP 04 / 06
 *
 *   WHICH BEST DESCRIBES
 *   YOUR MIDSECTION?
 *
 *   ┌────────────────────────────┐
 *   │ PROFILE A                  │
 *   │ FLAT                  [img]│
 *   └────────────────────────────┘
 *   ┌────────────────────────────┐
 *   │ PROFILE B           [DARK] │  ← selected (accent fill)
 *   │ AVERAGE              [img] │
 *   └────────────────────────────┘
 *   ┌────────────────────────────┐
 *   │ PROFILE C                  │
 *   │ FULL                 [img] │
 *   └────────────────────────────┘
 */
export interface BodyShapeOption<T extends string> {
    value: T;
    label: string;
    img?: string | null;
}
interface BodyShapeStepMobileProps<T extends string> {
    stepNumber: number;
    totalSteps: number;
    title: string;
    options: BodyShapeOption<T>[];
    selected: T | null;
    onSelect: (v: T) => void;
    t: TranslateFn;
}
export declare function BodyShapeStepMobile<T extends string>({ stepNumber, totalSteps, title, options, selected, onSelect, t, }: BodyShapeStepMobileProps<T>): import("react/jsx-runtime").JSX.Element;
export {};
