@twa-dev/mark42/dist/Components/Section/Section.js

Mark42 is a simple lightweight tree-shakable UI library for [Telegram Web Apps (TWA)](https://core.telegram.org/bots/webapps).

import { useTheme } from "../../hooks/useTheme";
import cx from "classnames";
import styles from "./Section.styles";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export var Section = function Section(_ref) {
  var header = _ref.header,
      children = _ref.children,
      description = _ref.description,
      theme = _ref.theme,
      className = _ref.className,
      style = _ref.style;
  theme = useTheme(theme);
  return /*#__PURE__*/_jsxs("section", {
    className: cx(className, styles[theme]),
    style: style,
    children: [/*#__PURE__*/_jsxs("div", {
      className: styles.container,
      children: [header && /*#__PURE__*/_jsx("div", {
        className: styles.header,
        children: header
      }), /*#__PURE__*/_jsx("div", {
        className: styles.children,
        children: children
      })]
    }), description && /*#__PURE__*/_jsx("div", {
      className: styles.description,
      children: description
    })]
  });
};