/**
 * ServiceMedia - Compound component for displaying service media
 * Provides components for displaying main media and cover media images
 */
import React from 'react';
import { AsChildChildren } from '@wix/headless-utils/react';
export declare const TestIds: {
    readonly serviceMediaMain: "service-media-main";
    readonly serviceMediaCover: "service-media-cover";
};
/**
 * Props for ServiceMedia.Main component
 */
export interface MainProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        media: {
            image?: string;
        };
    }>;
    /** CSS class name */
    className?: string;
}
/**
 * Displays the service main media image using WixMediaImage.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <ServiceMedia.Main className="w-full h-64 object-cover rounded-lg" />
 * ```
 *
 * @example
 * ```tsx
 * // asChild with primitive img element
 * <ServiceMedia.Main asChild>
 *   <img className="w-full h-64 object-cover shadow-lg" />
 * </ServiceMedia.Main>
 * ```
 *
 * @example
 * ```tsx
 * // asChild with custom component accessing media data
 * <ServiceMedia.Main asChild>
 *   {React.forwardRef(({media, ...props}, ref) => (
 *     <div ref={ref} {...props} className="relative aspect-video">
 *       <WixMediaImage media={media} className="w-full h-full object-cover" />
 *       <div className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/50 p-4">
 *         <Service.Name className="text-primary-foreground" />
 *       </div>
 *     </div>
 *   ))}
 * </ServiceMedia.Main>
 * ```
 */
export declare const Main: React.ForwardRefExoticComponent<MainProps & React.RefAttributes<HTMLImageElement>>;
/**
 * Props for ServiceMedia.Cover component
 */
export interface CoverProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        media: {
            image?: string;
        };
    }>;
    /** CSS class name */
    className?: string;
}
/**
 * Displays the service cover media image using WixMediaImage.
 * The cover media is typically used as a hero/banner image.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <ServiceMedia.Cover className="w-full h-96 object-cover" />
 * ```
 *
 * @example
 * ```tsx
 * // asChild as a background image container
 * <ServiceMedia.Cover asChild>
 *   <div className="w-full h-96 bg-cover bg-center" />
 * </ServiceMedia.Cover>
 * ```
 *
 * @example
 * ```tsx
 * // asChild with custom component accessing media data
 * <ServiceMedia.Cover asChild>
 *   {React.forwardRef(({media, ...props}, ref) => (
 *     <header ref={ref} {...props} className="relative h-96">
 *       <WixMediaImage media={media} className="w-full h-full object-cover" />
 *       <div className="absolute inset-0 bg-black/40 flex items-center justify-center">
 *         <h1 className="text-4xl font-bold text-primary-foreground">
 *           <Service.Name />
 *         </h1>
 *       </div>
 *     </header>
 *   ))}
 * </ServiceMedia.Cover>
 * ```
 */
export declare const Cover: React.ForwardRefExoticComponent<CoverProps & React.RefAttributes<HTMLImageElement>>;
/**
 * ServiceMedia compound component for displaying service media
 *
 * @example
 * ```tsx
 * import { Service, ServiceMedia } from '@wix/headless-bookings/react';
 *
 * function ServiceCard({ service }) {
 *   return (
 *     <Service.Root serviceServiceConfig={{ service }}>
 *       <ServiceMedia.Main className="w-full h-48 object-cover" />
 *       <Service.Name />
 *     </Service.Root>
 *   );
 * }
 * ```
 */
export declare const ServiceMedia: {
    Main: React.ForwardRefExoticComponent<MainProps & React.RefAttributes<HTMLImageElement>>;
    Cover: React.ForwardRefExoticComponent<CoverProps & React.RefAttributes<HTMLImageElement>>;
};
export default ServiceMedia;