@patreon/studio/module/components/Image/hooks/useSources.d.ts

Patreon Studio Design System

import type { TokenColorMode } from '~/types/token-modes';
import type { ResponsiveImage, SourceImage } from '../types';
export declare const normalizeSrc: (src: string | ResponsiveImage) => ResponsiveImage;
export declare function generateSrcSet({ x1, x2 }: {
    x1?: string;
    x2?: string;
}): string | undefined;
export declare function generateSources(tokenColorMode: TokenColorMode, { src, src2x, darkSrc, darkSrc2x }: ResponsiveImage): SourceImage[];
export declare function useSources(inputSrc: string | ResponsiveImage): {
    src: string | undefined;
    sources: {
        media: undefined;
        srcSet: string;
    }[];
} | {
    src: string;
    sources: ({
        media: string;
        srcSet: string;
    } | {
        media: undefined;
        srcSet: string;
    })[];
};