UNPKG

@patternfly/react-core

Version:

This library provides a set of common React components for use with the PatternFly reference implementation.

26 lines 1.99 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.Brand = void 0; const tslib_1 = require("tslib"); const jsx_runtime_1 = require("react/jsx-runtime"); const react_styles_1 = require("@patternfly/react-styles"); const brand_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Brand/brand")); const helpers_1 = require("../../helpers"); const c_brand_Height_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_brand_Height')); const c_brand_Width_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_brand_Width')); const Brand = (_a) => { var { className = '', src = '', alt, children, widths, heights, style } = _a, props = tslib_1.__rest(_a, ["className", "src", "alt", "children", "widths", "heights", "style"]); let responsiveStyles; if (widths !== undefined) { responsiveStyles = Object.assign({}, (0, helpers_1.setBreakpointCssVars)(widths, c_brand_Width_1.default.name)); } if (heights !== undefined) { responsiveStyles = Object.assign(Object.assign({}, responsiveStyles), (0, helpers_1.setBreakpointCssVars)(heights, c_brand_Height_1.default.name)); } return ( /** the brand component currently contains no styling the 'pf-v6-c-brand' string will be used for the className */ children !== undefined ? ((0, jsx_runtime_1.jsxs)("picture", Object.assign({ className: (0, react_styles_1.css)(brand_1.default.brand, brand_1.default.modifiers.picture, className), style: Object.assign(Object.assign({}, style), responsiveStyles) }, props, { children: [children, (0, jsx_runtime_1.jsx)("img", { src: src, alt: alt })] }))) : ((0, jsx_runtime_1.jsx)("img", Object.assign({}, props, { className: (0, react_styles_1.css)(brand_1.default.brand, className), style: Object.assign(Object.assign({}, style), responsiveStyles), src: src, alt: alt })))); }; exports.Brand = Brand; exports.Brand.displayName = 'Brand'; //# sourceMappingURL=Brand.js.map