import '@page-speed/pressable/hooks';
import { h as DirectionConfig } from './blocks-DyouPohq.js';
import 'react';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

type UseResponsiveLayoutArgs = {
    /**
     * Direction configuration for desktop and mobile layouts.
     *
     * Assumes the component's DOM order is: content first, media second.
     * - `mediaRight` / `mediaLeft` controls desktop (row) direction.
     * - `mediaTop` / `mediaBottom` controls mobile (column) direction.
     *
     * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
     */
    directionConfig?: DirectionConfig;
};
declare const useResponsiveLayout: ({ directionConfig, }: UseResponsiveLayoutArgs) => {
    responsiveClassName: string;
};

export { type UseResponsiveLayoutArgs, useResponsiveLayout };
