@dnb/eufemia/cjs/components/button/internal/ButtonContent.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = ButtonContent;
var _react = _interopRequireDefault(require("react"));
var _AlignmentHelper3 = _interopRequireDefault(require("../../../shared/AlignmentHelper.js"));
var _IconPrimary = _interopRequireDefault(require("../../icon-primary/IconPrimary.js"));
var _jsxRuntime = require("react/jsx-runtime");
var _span, _AlignmentHelper, _AlignmentHelper2;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function ButtonContent({
  title = null,
  content = null,
  customContent = null,
  icon = null,
  iconSize = 'default',
  bounding = null,
  skeleton = null,
  isIconOnly = null,
  iconElement = null
}) {
  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
    children: [bounding && (_span || (_span = (0, _jsxRuntime.jsx)("span", {
      className: "dnb-button__bounding"
    }, "button-bounding"))), customContent && (0, _jsxRuntime.jsx)(_react.default.Fragment, {
      children: customContent
    }, "button-custom-content"), content && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
      children: [_AlignmentHelper || (_AlignmentHelper = (0, _jsxRuntime.jsx)(_AlignmentHelper3.default, {
        className: "dnb-button__alignment",
        pseudoElementOnly: true
      }, "button-alignment")), (0, _jsxRuntime.jsx)("span", {
        className: "dnb-button__text dnb-skeleton--show-font",
        children: content
      }, "button-text")]
    }), !content && icon && (_AlignmentHelper2 || (_AlignmentHelper2 = (0, _jsxRuntime.jsx)(_AlignmentHelper3.default, {
      className: "dnb-button__alignment",
      pseudoElementOnly: true
    }, "button-alignment"))), icon && (iconElement || (0, _jsxRuntime.jsx)(_IconPrimary.default, {
      className: "dnb-button__icon",
      icon: icon,
      size: iconSize,
      "aria-hidden": isIconOnly && !title ? null : true,
      skeleton: skeleton
    }, "button-icon"))]
  });
}
//# sourceMappingURL=ButtonContent.js.map