mod-arch-shared/dist/components/design/TitleWithIcon.js

Shared UI components and utilities for modular architecture micro-frontend projects

import * as React from 'react';
import { Flex, FlexItem } from '@patternfly/react-core';
import { typedBackgroundColor, typedObjectImage, } from '../../components/design/utils';
import TypedObjectIcon from '../../components/design/TypedObjectIcon';
const TitleWithIcon = ({ title, objectType, iconSize = 40, padding = 4, }) => (React.createElement(Flex, { spaceItems: { default: 'spaceItemsSm' }, alignItems: { default: 'alignItemsCenter' } },
    React.createElement(FlexItem, null,
        React.createElement("div", { style: {
                background: typedBackgroundColor(objectType),
                borderRadius: iconSize / 2,
                padding,
                width: iconSize,
                height: iconSize,
            } },
            React.createElement(TypedObjectIcon, { resourceType: objectType, style: { width: iconSize - padding * 2, height: iconSize - padding * 2 }, src: typedObjectImage(objectType) }))),
    React.createElement(FlexItem, null, title)));
export default TitleWithIcon;
//# sourceMappingURL=TitleWithIcon.js.map