diff --git a/src/shared/ui/ImageLightbox/index.ts b/src/shared/ui/ImageLightbox/index.ts new file mode 100644 index 0000000..b43fbfb --- /dev/null +++ b/src/shared/ui/ImageLightbox/index.ts @@ -0,0 +1 @@ +export { ImageLightbox } from './ui/ImageLightbox'; diff --git a/src/shared/ui/ImageLightbox/ui/ImageLightbox.tsx b/src/shared/ui/ImageLightbox/ui/ImageLightbox.tsx new file mode 100644 index 0000000..1789e74 --- /dev/null +++ b/src/shared/ui/ImageLightbox/ui/ImageLightbox.tsx @@ -0,0 +1,23 @@ +'use client'; + +type Props = { + /** + * Image source URL + */ + src: string; + /** + * Image alt text, also used as the dialog accessible label + */ + alt: string; + /** + * CSS classes forwarded to the thumbnail button wrapper + */ + className?: string; +}; + +/** + * Clickable image thumbnail that opens a fullscreen brutalist dialog on click. + */ +export function ImageLightbox(_props: Props) { + return null; +}