mod-arch-shared
Version:
Shared UI components and utilities for modular architecture micro-frontend projects
14 lines • 1.11 kB
JavaScript
import * as React from 'react';
import { Button, Gallery } from '@patternfly/react-core';
import { css } from '@patternfly/react-styles';
import { TimesIcon } from '@patternfly/react-icons';
import './DividedGallery.scss';
const DividedGallery = ({ minSize, itemCount, showClose, closeAlt, onClose, children, className, closeTestId, ...rest }) => (React.createElement("div", { className: css('kubeflowdivided-gallery', className), ...rest },
React.createElement(Gallery, { minWidths: { default: minSize, md: minSize }, maxWidths: { default: '100%', md: `${100 / itemCount}%` } },
React.createElement("div", { className: "kubeflowdivided-gallery__border" }),
children,
showClose ? (React.createElement("div", { className: "kubeflowdivided-gallery__close" },
React.createElement(Button, { "data-testid": closeTestId, "aria-label": closeAlt || 'close', isInline: true, variant: "plain", onClick: onClose },
React.createElement(TimesIcon, { alt: `close ${closeAlt}` })))) : null)));
export default DividedGallery;
//# sourceMappingURL=DividedGallery.js.map