{"version":3,"file":"index.mjs","sources":["../../../../../src/components/multi-step-cards/step-card/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { mergedCva } from \"../../../utils/components\";\nimport { Typography } from \"../../typography\";\n\nconst rootStyles = mergedCva([\n    \"cui-relative\",\n    \"cui-border\",\n    \"cui-border-black\",\n    \"dark:cui-border-white\",\n    \"cui-flex\",\n    \"cui-max-w-xl\",\n    \"cui-flex-col\",\n    \"cui-gap-2\",\n    \"cui-bg-white\",\n    \"dark:cui-bg-black\",\n]);\n\nconst headerStyles = mergedCva([\n    \"cui-flex\",\n    \"cui-flex-col\",\n    \"cui-gap-1\",\n    \"cui-bg-black\",\n    \"cui-border-b\",\n    \"cui-border-black\",\n    \"dark:cui-border-white\",\n    \"cui-p-4\",\n]);\n\nconst contentStyles = mergedCva([\"cui-p-4\"]);\n\nexport interface StepCardProps {\n    title: string;\n    step: number;\n    children: ReactNode;\n    className?: {\n        root?: string;\n        header?: string;\n        content?: string;\n        actionsContainer?: string;\n    };\n    messages: {\n        step?: string;\n    };\n}\n\nexport const StepCard = ({\n    title,\n    step,\n    children,\n    className,\n    messages,\n}: StepCardProps): ReactElement => {\n    return (\n        <div className={rootStyles({ className: className?.root })}>\n            <div className={headerStyles({ className: className?.header })}>\n                <Typography\n                    variant=\"sm\"\n                    weight=\"medium\"\n                    className={{ root: \"cui-text-white\" }}\n                >\n                    {messages.step} {step}\n                </Typography>\n                <Typography variant=\"h2\" className={{ root: \"cui-text-white\" }}>\n                    {title}\n                </Typography>\n            </div>\n            <div className={contentStyles({ className: className?.content })}>\n                {children}\n            </div>\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,aAAa,SAAU,CAAA;AAAA,EACzB,cAAA;AAAA,EACA,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AACJ,CAAC,CAAA,CAAA;AAED,MAAM,eAAe,SAAU,CAAA;AAAA,EAC3B,UAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,uBAAA;AAAA,EACA,SAAA;AACJ,CAAC,CAAA,CAAA;AAED,MAAM,aAAgB,GAAA,SAAA,CAAU,CAAC,SAAS,CAAC,CAAA,CAAA;AAiBpC,MAAM,WAAW,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AACJ,CAAmC,KAAA;AAC/B,EAAA,oDACK,KAAI,EAAA,EAAA,SAAA,EAAW,WAAW,EAAE,SAAA,EAAW,WAAW,IAAK,EAAC,qBACpDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,YAAa,CAAA,EAAE,WAAW,SAAW,EAAA,MAAA,EAAQ,CACzD,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACG,OAAQ,EAAA,IAAA;AAAA,MACR,MAAO,EAAA,QAAA;AAAA,MACP,SAAA,EAAW,EAAE,IAAA,EAAM,gBAAiB,EAAA;AAAA,KAAA;AAAA,IAEnC,QAAS,CAAA,IAAA;AAAA,IAAK,GAAA;AAAA,IAAE,IAAA;AAAA,GACrB,kBACCA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,WAAW,EAAE,IAAA,EAAM,gBAAiB,EAAA,EAAA,EACxD,KACL,CACJ,mBACCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,aAAA,CAAc,EAAE,SAAA,EAAW,WAAW,OAAQ,EAAC,CAC1D,EAAA,EAAA,QACL,CACJ,CAAA,CAAA;AAER;;;;"}