aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
73 lines • 1.54 kB
TypeScript
import React from "react";
export interface GalleryImage {
id: string;
src: string;
alt?: string;
title?: string;
description?: string;
thumbnail?: string;
width?: number;
height?: number;
tags?: string[];
likes?: number;
views?: number;
createdAt?: Date;
category?: string;
}
export interface GlassGalleryProps {
/**
* Gallery images
*/
images?: GalleryImage[];
/**
* Gallery layout
*/
layout?: "grid" | "masonry" | "list";
/**
* Grid columns
*/
columns?: number;
/**
* Image aspect ratio
*/
aspectRatio?: "square" | "portrait" | "landscape" | "auto";
/**
* Show image info
*/
showInfo?: boolean;
/**
* Show image actions
*/
showActions?: boolean;
/**
* Enable lightbox
*/
enableLightbox?: boolean;
/**
* Show filters
*/
showFilters?: boolean;
/**
* Enable selection mode
*/
enableSelection?: boolean;
/**
* Custom className
*/
className?: string;
/**
* Image click handler
*/
onImageClick?: (image: GalleryImage, index: number) => void;
/**
* Selection change handler
*/
onSelectionChange?: (selectedImages: GalleryImage[]) => void;
}
/**
* GlassGallery component
* A responsive image gallery with grid, masonry, and list layouts
*/
export declare const GlassGallery: React.FC<GlassGalleryProps>;
export default GlassGallery;
//# sourceMappingURL=GlassGallery.d.ts.map