{"version":3,"file":"index.cjs","sources":["../../../../../src/components/multi-step-cards/step-preview/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ReactElement } from \"react\";\nimport { mergedCva } from \"../../../utils/components\";\nimport { Typography } from \"../../typography\";\n\nconst rootStyles = mergedCva([\n    \"cui-flex\",\n    \"cui-w-full\",\n    \"cui-max-w-xl\",\n    \"cui-flex-col\",\n    \"cui-gap-1\",\n    \"cui-border-l\",\n    \"cui-border-r\",\n    \"cui-border-b\",\n    \"cui-border-black\",\n    \"dark:cui-border-white\",\n    \"cui-bg-gray-500\",\n    \"dark:cui-bg-gray-700\",\n    \"cui-p-4\",\n    \"[&:first-of-type]:cui-border-t\",\n]);\n\nexport interface NextStepPreviewProps {\n    step: string;\n    title: string;\n    className?: { root?: string };\n}\n\nexport const NextStepPreview = ({\n    step,\n    title,\n    className,\n}: NextStepPreviewProps): ReactElement => (\n    <div className={rootStyles({ className: className?.root })}>\n        <Typography weight=\"medium\" className={{ root: \"cui-text-white\" }}>\n            {step}\n        </Typography>\n        <Typography variant=\"h2\" className={{ root: \"cui-text-white\" }}>\n            {title}\n        </Typography>\n    </div>\n);\n"],"names":["mergedCva","Typography"],"mappings":";;;;;;AAKA,MAAM,aAAaA,oBAAU,CAAA;AAAA,EACzB,UAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,iBAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACA,gCAAA;AACJ,CAAC,CAAA,CAAA;AAQM,MAAM,kBAAkB,CAAC;AAAA,EAC5B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AACJ,CAAA,qBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,UAAA,CAAW,EAAE,SAAA,EAAW,SAAW,EAAA,IAAA,EAAM,CAAA,EAAA,kBACpD,KAAA,CAAA,aAAA,CAAAC,qBAAA,EAAA,EAAW,QAAO,QAAS,EAAA,SAAA,EAAW,EAAE,IAAA,EAAM,gBAAiB,EAAA,EAAA,EAC3D,IACL,CAAA,sCACCA,qBAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAW,EAAE,IAAA,EAAM,gBAAiB,EAAA,EAAA,EACxD,KACL,CACJ;;;;"}