{"version":3,"file":"feedback-box.cjs","sources":["../../../src/components/feedback-box.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport { mergedCva } from \"../utils/components\";\nimport { Typography } from \"./typography\";\nimport Warning from \"../icons/warning\";\n\nconst rootStyles = mergedCva([\"cui-p-4\", \"cui-border\", \"cui-border-black\"], {\n    variants: {\n        variant: {\n            success: [\"cui-bg-green\"],\n            info: [\"cui-bg-sky-blue\"],\n            warning: [\"cui-bg-yellow\"],\n            error: [\"cui-bg-red\"],\n        },\n        border: {\n            rounded: [\"cui-rounded-lg\"],\n            squared: [],\n            none: [\"cui-border-none\"],\n        },\n    },\n});\n\nconst titleContainerStyles = mergedCva([\"cui-flex\", \"cui-items-center\"]);\n\nconst titleStyles = mergedCva([\"cui-leading-4\", \"cui-font-medium\", \"cui-mb-2\"]);\n\nexport interface FeedbackBoxProps {\n    variant?: \"success\" | \"info\" | \"warning\" | \"error\";\n    border?: \"none\" | \"rounded\" | \"squared\";\n    roundedBorder?: boolean;\n    messages?: {\n        title: string;\n    };\n    icon?: boolean;\n    children?: ReactNode;\n    className?: { root?: string; title?: string; titleContainer?: string };\n}\n\nexport const FeedbackBox = ({\n    variant = \"info\",\n    border = \"rounded\",\n    messages,\n    icon,\n    children,\n    className,\n}: FeedbackBoxProps) => {\n    return (\n        <div\n            className={rootStyles({\n                variant,\n                border,\n                className: className?.root,\n            })}\n        >\n            <div\n                className={titleContainerStyles({\n                    className: className?.titleContainer,\n                })}\n            >\n                {icon && <Warning className=\"cui-mr-3 cui-mb-2\" />}\n                {messages?.title && (\n                    <Typography\n                        uppercase\n                        className={{\n                            root: titleStyles({ className: className?.title }),\n                        }}\n                    >\n                        {messages.title}\n                    </Typography>\n                )}\n            </div>\n            {children}\n        </div>\n    );\n};\n"],"names":["mergedCva","Warning","Typography"],"mappings":";;;;;;;AAKA,MAAM,aAAaA,oBAAU,CAAA,CAAC,SAAW,EAAA,YAAA,EAAc,kBAAkB,CAAG,EAAA;AAAA,EACxE,QAAU,EAAA;AAAA,IACN,OAAS,EAAA;AAAA,MACL,OAAA,EAAS,CAAC,cAAc,CAAA;AAAA,MACxB,IAAA,EAAM,CAAC,iBAAiB,CAAA;AAAA,MACxB,OAAA,EAAS,CAAC,eAAe,CAAA;AAAA,MACzB,KAAA,EAAO,CAAC,YAAY,CAAA;AAAA,KACxB;AAAA,IACA,MAAQ,EAAA;AAAA,MACJ,OAAA,EAAS,CAAC,gBAAgB,CAAA;AAAA,MAC1B,SAAS,EAAC;AAAA,MACV,IAAA,EAAM,CAAC,iBAAiB,CAAA;AAAA,KAC5B;AAAA,GACJ;AACJ,CAAC,CAAA,CAAA;AAED,MAAM,oBAAuB,GAAAA,oBAAA,CAAU,CAAC,UAAA,EAAY,kBAAkB,CAAC,CAAA,CAAA;AAEvE,MAAM,cAAcA,oBAAU,CAAA,CAAC,eAAiB,EAAA,iBAAA,EAAmB,UAAU,CAAC,CAAA,CAAA;AAcvE,MAAM,cAAc,CAAC;AAAA,EACxB,OAAU,GAAA,MAAA;AAAA,EACV,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AACJ,CAAwB,KAAA;AACpB,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,WAAW,UAAW,CAAA;AAAA,QAClB,OAAA;AAAA,QACA,MAAA;AAAA,QACA,WAAW,SAAW,EAAA,IAAA;AAAA,OACzB,CAAA;AAAA,KAAA;AAAA,oBAED,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,WAAW,oBAAqB,CAAA;AAAA,UAC5B,WAAW,SAAW,EAAA,cAAA;AAAA,SACzB,CAAA;AAAA,OAAA;AAAA,MAEA,IAAQ,oBAAA,KAAA,CAAA,aAAA,CAACC,OAAQ,EAAA,EAAA,SAAA,EAAU,mBAAoB,EAAA,CAAA;AAAA,MAC/C,UAAU,KACP,oBAAA,KAAA,CAAA,aAAA;AAAA,QAACC,qBAAA;AAAA,QAAA;AAAA,UACG,SAAS,EAAA,IAAA;AAAA,UACT,SAAW,EAAA;AAAA,YACP,MAAM,WAAY,CAAA,EAAE,SAAW,EAAA,SAAA,EAAW,OAAO,CAAA;AAAA,WACrD;AAAA,SAAA;AAAA,QAEC,QAAS,CAAA,KAAA;AAAA,OACd;AAAA,KAER;AAAA,IACC,QAAA;AAAA,GACL,CAAA;AAER;;;;"}