@redocly/theme
Version:
Shared UI components lib
22 lines • 965 B
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Product = Product;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
function Product({ product, className }) {
return (react_1.default.createElement(ProductWrapper, { "data-component-name": "Product/Product", className: className },
product.icon && react_1.default.createElement(ProductLogo, { src: product.icon }),
react_1.default.createElement("span", null, product.name)));
}
const ProductWrapper = styled_components_1.default.div `
display: flex;
align-items: center;
gap: var(--product-logo-gap);
`;
const ProductLogo = styled_components_1.default.img `
max-height: var(--select-line-height);
`;
//# sourceMappingURL=Product.js.map