| 1 | "use strict";
|
| 2 | Object.defineProperty(exports, "__esModule", { value: true });
|
| 3 | exports.CardTitle = void 0;
|
| 4 | const tslib_1 = require("tslib");
|
| 5 | const React = tslib_1.__importStar(require("react"));
|
| 6 | const react_styles_1 = require("@patternfly/react-styles");
|
| 7 | const card_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Card/card"));
|
| 8 | const Card_1 = require("./Card");
|
| 9 | const CardTitle = (_a) => {
|
| 10 | var { children = null, className = '', component = 'div' } = _a, props = tslib_1.__rest(_a, ["children", "className", "component"]);
|
| 11 | const { cardId, registerTitleId } = React.useContext(Card_1.CardContext);
|
| 12 | const Component = component;
|
| 13 | const titleId = cardId ? `${cardId}-title` : '';
|
| 14 | React.useEffect(() => {
|
| 15 | registerTitleId(titleId);
|
| 16 | return () => registerTitleId('');
|
| 17 | }, [registerTitleId, titleId]);
|
| 18 | return (React.createElement(Component, Object.assign({ className: react_styles_1.css(card_1.default.cardTitle, className), id: titleId || undefined }, props), children));
|
| 19 | };
|
| 20 | exports.CardTitle = CardTitle;
|
| 21 | exports.CardTitle.displayName = 'CardTitle';
|
| 22 | |
| \ | No newline at end of file |