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

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

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