import { Layout, NameValuePair } from '../components/layout/types';
import { MediaMeasurement, Position } from '../types/componentOptions';
/**
 * Generates layout styling configuration for media object components.
 *
 * Creates the necessary CSS Grid properties and inline styles to position
 * media content relative to text content. Supports both static and responsive
 * positioning with configurable media dimensions.
 *
 * @param mediaPosition - Where the media should be positioned ('left', 'right', 'top', 'bottom') or responsive object
 * @param mediaWidth - Width of the media element, static or responsive
 * @param mediaHeight - Height of the media element, static or responsive
 * @returns Object containing layout props and inline CSS styles
 *
 * @example
 * // Static positioning
 * getLayoutStyling('left', '200px', 'auto')
 * // => {
 * //   props: { columns: ['200px', 1], rows: 'auto' },
 * //   inlineStyles: { '--cdr-media-object-media-position': "'media content'" }
 * // }
 *
 * @example
 * // Responsive positioning
 * getLayoutStyling(
 *   { xs: 'top', sm: 'left', md: 'left', lg: 'left' },
 *   { xs: '100%', sm: '200px', md: '300px', lg: '400px' },
 *   'auto'
 * )
 * // Returns responsive grid configuration with breakpoint-specific styles
 */
export declare const getLayoutStyling: (mediaPosition: Position, mediaWidth: MediaMeasurement, mediaHeight: MediaMeasurement) => {
    props: Layout;
    inlineStyles: NameValuePair;
};