Files
community-rule/docs/assets/NumberedCard-ClCynPua.js
T
2025-08-30 13:46:35 -06:00

25 lines
1.1 KiB
JavaScript

import { j as e } from "./jsx-runtime-C_nHp4yK.js";
import { S as t } from "./SectionNumber-Cptefv18.js";
const r = ({ number: l, text: s, iconShape: o, iconColor: a }) =>
e.jsxs("div", {
className:
"bg-[var(--color-surface-inverse-primary)] rounded-[12px] p-5 shadow-lg flex flex-col gap-4 sm:p-8 sm:gap-8 sm:flex-row sm:items-center lg:p-8 lg:gap-0 lg:flex-row lg:items-stretch lg:relative lg:h-[238px]",
children: [
e.jsx("div", {
className:
"flex justify-end sm:justify-start sm:flex-shrink-0 lg:absolute lg:top-8 lg:right-8",
children: e.jsx(t, { number: l }),
}),
e.jsx("div", {
className: "sm:flex-1 lg:absolute lg:bottom-8 lg:left-8 lg:right-16",
children: e.jsx("p", {
className:
"font-bricolage-grotesque font-medium text-[24px] leading-[32px] sm:font-normal sm:leading-[24px] sm:text-[24px] lg:text-[24px] lg:leading-[24px] xl:text-[32px] xl:leading-[32px] text-[#141414]",
children: s,
}),
}),
],
});
r.__docgenInfo = { description: "", methods: [], displayName: "NumberedCard" };
export { r as N };