https://kuto.app/static/IconTextView-r4Aw4bNU.js

1import { j as jsxRuntimeExports, u as ut, c as colors, f as fonts } from "./index-B4tqMR8N.js";
2function IconTextView({
3  icon,
4  header,
5  body,
6  ...rest
7}) {
8  return /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledIconTextView, { ...rest, children: [
9    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "header", children: [
10      icon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "icon", children: icon }),
11      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "header-text", children: header })
12    ] }),
13    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "body", children: body })
14  ] });
15}
16const StyledIconTextView = ut.div.withConfig({
17  displayName: "StyledIconTextView",
18  componentId: "sc-1wz4pu8-0"
19})(["display:flex;flex-flow:column;align-items:left;justify-content:left;text-align:left;> .header{display:flex;flex-flow:row;align-items:center;gap:10px;> .icon svg{width:35px;height:35px;}> .header-text{color:", ";font:", ";}}> .body{margin-left:45px;color:", ";font:", ";}@media screen and (max-width:950px){> .header{> .icon svg{width:30px;height:30px;}> .header-text{font:", ";}}> .body{margin-left:40px;font:", ";}}@media screen and (max-width:750px){> .header{gap:5px;> .icon svg{width:24px;height:24px;}> .header-text{font:", ";}}> .body{margin-left:29px;font:", ";}}"], colors.text(), fonts.displayBold({
20  size: 32,
21  line: "1.2"
22}), colors.text(), fonts.display({
23  size: 24,
24  line: "1.2"
25}), fonts.displayBold({
26  size: 28,
27  line: "1.2"
28}), fonts.display({
29  size: 22,
30  line: "1.2"
31}), fonts.displayBold({
32  size: 22,
33  line: "1.2"
34}), fonts.display({
35  size: 18,
36  line: "1.2"
37}));
38export {
39  IconTextView as I,
40  StyledIconTextView as S
41};