import type { CSSProperties, ImgHTMLAttributes, KeyboardEvent, MouseEvent } from 'react';
import { type CssLength } from '../../../utils/css';
export type SlantedGridGalleryItem = string | {
    src: string;
    alt?: string;
    id?: string | number;
    objectPosition?: CSSProperties['objectPosition'];
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
};
export type SlantedGridGalleryProps = {
    items?: SlantedGridGalleryItem[];
    className?: string;
    style?: CSSProperties;
    gap?: CssLength;
    offset?: CssLength;
    maxWidth?: CssLength;
    hoverScale?: number;
    inactiveScale?: number;
    inactiveBlur?: CssLength;
    ariaLabel?: string;
    onItemClick?: (item: NormalizedSlantedGridGalleryItem, index: number, event: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>) => void;
};
export type NormalizedSlantedGridGalleryItem = {
    src: string;
    alt: string;
    id: string;
    objectPosition?: CSSProperties['objectPosition'];
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
};
export declare const SlantedGridGallery: ({ items, className, style, gap, offset, maxWidth, hoverScale, inactiveScale, inactiveBlur, ariaLabel, onItemClick, }: SlantedGridGalleryProps) => import("react/jsx-runtime").JSX.Element;