UNPKG

1.23 kBJavaScriptView Raw
1import { __rest } from "tslib";
2import * as React from 'react';
3import styles from '@patternfly/react-styles/css/components/Tile/tile';
4import { css } from '@patternfly/react-styles';
5export const Tile = (_a) => {
6 var { children, title, icon, isStacked, isSelected, isDisabled, isDisplayLarge, className } = _a, props = __rest(_a, ["children", "title", "icon", "isStacked", "isSelected", "isDisabled", "isDisplayLarge", "className"]);
7 return (React.createElement("div", Object.assign({ role: "option", "aria-selected": isSelected }, (isDisabled && { 'aria-disabled': isDisabled }), { className: css(styles.tile, isSelected && styles.modifiers.selected, isDisabled && styles.modifiers.disabled, isDisplayLarge && styles.modifiers.displayLg, className), tabIndex: 0 }, props),
8 React.createElement("div", { className: css(styles.tileHeader, isStacked && styles.modifiers.stacked) },
9 icon && React.createElement("div", { className: css(styles.tileIcon) }, icon),
10 React.createElement("div", { className: css(styles.tileTitle) }, title)),
11 children && React.createElement("div", { className: css(styles.tileBody) }, children)));
12};
13Tile.displayName = 'Tile';
14//# sourceMappingURL=Tile.js.map
\No newline at end of file