@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
42 lines • 1.59 kB
JavaScript
var _span, _AlignmentHelper, _AlignmentHelper2;
import React from 'react';
import AlignmentHelper from "../../../shared/AlignmentHelper.js";
import IconPrimary from "../../icon-primary/IconPrimary.js";
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
export default function ButtonContent({
title = null,
content = null,
customContent = null,
icon = null,
iconSize = 'default',
bounding = null,
skeleton = null,
isIconOnly = null,
iconElement = null
}) {
return _jsxs(_Fragment, {
children: [bounding && (_span || (_span = _jsx("span", {
className: "dnb-button__bounding"
}, "button-bounding"))), customContent && _jsx(React.Fragment, {
children: customContent
}, "button-custom-content"), content && _jsxs(_Fragment, {
children: [_AlignmentHelper || (_AlignmentHelper = _jsx(AlignmentHelper, {
className: "dnb-button__alignment",
pseudoElementOnly: true
}, "button-alignment")), _jsx("span", {
className: "dnb-button__text dnb-skeleton--show-font",
children: content
}, "button-text")]
}), !content && icon && (_AlignmentHelper2 || (_AlignmentHelper2 = _jsx(AlignmentHelper, {
className: "dnb-button__alignment",
pseudoElementOnly: true
}, "button-alignment"))), icon && (iconElement || _jsx(IconPrimary, {
className: "dnb-button__icon",
icon: icon,
size: iconSize,
"aria-hidden": isIconOnly && !title ? null : true,
skeleton: skeleton
}, "button-icon"))]
});
}
//# sourceMappingURL=ButtonContent.js.map