@smart-react-components/ui/Modal/ModalHeader.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Header_1 = __importDefault(require("@smart-react-components/core/Element/Header"));
const Svg_1 = __importDefault(require("@smart-react-components/core/Element/Svg"));
const styled_components_1 = __importDefault(require("styled-components"));
exports.default = (0, styled_components_1.default)(Header_1.default)(({ theme, hasBorder = true }) => `
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;

  ${hasBorder
    ? `
      border-bottom: solid 1px ${theme.$.color.dynamic.accent};
    `
    : ''}

  > ${Svg_1.default} {
    box-sizing: content-box;
    cursor: ${theme.$.cursor.modalHeaderIcon};
    flex: 0 0 auto;
    opacity: .5;

    &:hover {
      opacity: 1;
    }
  }
`);