diff options
Diffstat (limited to 'src/components/organisms/images/gallery.tsx')
| -rw-r--r-- | src/components/organisms/images/gallery.tsx | 34 |
1 files changed, 0 insertions, 34 deletions
diff --git a/src/components/organisms/images/gallery.tsx b/src/components/organisms/images/gallery.tsx deleted file mode 100644 index 2f17130..0000000 --- a/src/components/organisms/images/gallery.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import { Children, type FC, type ReactElement } from 'react'; -import { List, ListItem } from '../../atoms'; -import styles from './gallery.module.scss'; - -// eslint-disable-next-line @typescript-eslint/no-magic-numbers -export type GalleryColumn = 2 | 3 | 4; - -export type GalleryProps = { - /** - * The images. - */ - children: ReactElement[]; - /** - * The columns count. - */ - columns: GalleryColumn; -}; - -/** - * Gallery component - * - * Render a gallery of images. - */ -export const Gallery: FC<GalleryProps> = ({ children, columns }) => { - const columnsClass = `wrapper--${columns}-columns`; - - return ( - <List className={`${styles.wrapper} ${styles[columnsClass]}`} hideMarker> - {Children.map(children, (child) => ( - <ListItem className={styles.item}>{child}</ListItem> - ))} - </List> - ); -}; |
