@hhgtech/hhg-components/build/esm/index-07b3c043.js

Hello Health Group common components

import React__default from 'react';
import styled from '@emotion/styled';
import { C as Container } from './index-12e7f3dd.js';
import { T as Text } from './index-f28ed80d.js';

const StyledTextDivider = styled.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.createElement(StyledTextDivider, { style: style, className: className },
    React__default.createElement(Container, null,
        React__default.createElement("div", { className: "icon-wrapper" }, icon),
        React__default.createElement(Text, { size: "c1", color: "var(--neutral800)" }, children))));

export { TextDivider as T };