@hhgtech/hhg-components/build/index-1444c458.js

Hello Health Group common components

'use strict';

var React = require('react');
var styled = require('@emotion/styled');
var index = require('./index-50753bb6.js');
var index$1 = require('./index-705f25ba.js');

function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefault(React);
var styled__default = /*#__PURE__*/_interopDefault(styled);

const StyledTextDivider = styled__default["default"].div `
  background-color: var(--neutral50);
  padding: 12px 0;
  box-shadow: inset 0px 1px 0px #e4e8ec;

  > * {
    display: grid;
    grid-template-columns: 32px 1fr;
    align-content: center;

    p {
      font-weight: 600;
    }
  }

  .icon-wrapper {
    display: flex;
    align-items: center;
  }
`;
const TextDivider = ({ children, icon, className, style }) => (React__default["default"].createElement(StyledTextDivider, { style: style, className: className },
    React__default["default"].createElement(index.Container, null,
        React__default["default"].createElement("div", { className: "icon-wrapper" }, icon),
        React__default["default"].createElement(index$1.Text, { size: "c1", color: "var(--neutral800)" }, children))));

exports.TextDivider = TextDivider;