react-photo-album/dist/utils/index.d.ts

Responsive photo gallery component for React

import { Photo, ResponsiveParameter, CommonPhotoAlbumProps, ComponentsProps, Render, ResponsiveSizes } from '../types.js';
import 'react';

declare function clsx(...classes: (string | boolean | undefined)[]): string;

declare function cssClass(suffix?: string): string;
declare function cssVar(suffix: string): string;

declare function ratio({ width, height }: Pick<Photo, "width" | "height">): number;

declare function unwrap<Value, Arg>(value: Value | ((arg: Arg) => Value), arg: Arg): Value;
declare function unwrapParameter<Value>(value: ResponsiveParameter<Value> | undefined, containerWidth: number | undefined): Value | undefined;
declare function resolveResponsiveParameter(parameter: ResponsiveParameter | undefined, containerWidth: number | undefined, values: ResponsiveParameter[], minValue?: number): number | undefined;
declare function resolveCommonProps<TPhoto extends Photo>(containerWidth: number | undefined, { spacing, padding, componentsProps, render, }: Pick<CommonPhotoAlbumProps<TPhoto>, "spacing" | "padding" | "componentsProps" | "render">): {
    spacing: number | undefined;
    padding: number | undefined;
    componentsProps: ComponentsProps<TPhoto>;
    render: Render<TPhoto> | undefined;
};

declare function round(value: number, decimals?: number): number;

declare function srcSetAndSizes(photo: Photo, responsiveSizes: ResponsiveSizes | undefined, photoWidth: number, containerWidth: number, photosCount: number, spacing: number, padding: number): {
    srcSet: string | undefined;
    sizes: string;
};

export { clsx, cssClass, cssVar, ratio, resolveCommonProps, resolveResponsiveParameter, round, srcSetAndSizes, unwrap, unwrapParameter };