export declare const containerStyle: { display: "grid"; gap: string; width: string; maxWidth: string; borderRadius: string; overflow: "hidden"; }; export declare const baseImageStyle: { overflow: "hidden"; position: "relative"; background: string; }; export declare const ButtonStyleMapping: { readonly 1: "primary"; readonly 2: "secondary"; readonly 3: "success"; readonly 4: "destructive"; readonly 5: "secondary"; }; export declare const globalStyles = "\n /* Discord V2 Container */\n .discord-v2-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: 524px;\n background-color: #2b2d31;\n border-radius: 8px;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n /* Text Display */\n .discord-text-display {\n font-family: Whitney, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 14px;\n line-height: 1.375rem;\n color: #dbdee1;\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: pre-wrap;\n }\n\n /* Separator */\n .discord-separator {\n display: flex;\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n }\n\n /* Section */\n .discord-section {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n gap: 16px;\n }\n\n /* Media Gallery */\n .discord-media-gallery {\n border-radius: 8px;\n overflow: hidden;\n }\n\n /* Buttons */\n .discord-button {\n color: #ffffff !important;\n padding: 2px 16px;\n border-radius: 8px;\n text-decoration: none !important;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 500;\n height: 32px;\n min-height: 32px;\n min-width: 60px;\n cursor: pointer;\n font-family: Whitney, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n text-align: center;\n box-sizing: border-box;\n border: none;\n outline: none;\n transition: background-color 0.2s ease, opacity 0.2s ease;\n white-space: nowrap;\n line-height: 1;\n gap: 8px;\n }\n\n .discord-button:hover {\n opacity: 0.85;\n }\n\n .discord-button-primary {\n background-color: #5865f2;\n }\n\n .discord-button-secondary {\n background-color: #4e5058;\n }\n\n .discord-button-success {\n background-color: #248046;\n }\n\n .discord-button-destructive {\n background-color: #da373c;\n }\n\n /* Select Menu */\n .discord-select-menu {\n margin-top: 4px;\n margin-bottom: 4px;\n position: relative;\n width: 100%;\n max-width: 524px;\n height: 40px;\n background-color: #1e1f22;\n border-radius: 4px;\n color: #949ba4;\n cursor: default;\n font-family: Whitney, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 14px;\n display: flex;\n align-items: center;\n padding: 0 12px;\n justify-content: space-between;\n box-sizing: border-box;\n border: 1px solid #1e1f22;\n }\n\n .discord-select-menu:hover {\n background-color: #232428;\n }\n\n /* Discord Embed */\n .discord-embed {\n border-color: #5865f2;\n }\n\n /* Discord Header */\n discord-header {\n --header-bg: #2b2d31;\n }\n\n /* Discord Messages */\n discord-messages {\n --font-family: Whitney, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n --main-text-color: #dbdee1;\n --background-color: #313338;\n }\n\n /* Mention styling */\n discord-mention {\n --mention-color: #c9cdfb;\n --mention-hover: #dee0fc;\n }\n\n /* Reply styling */\n discord-reply {\n --reply-color: #949ba4;\n }\n\n /* Spoiler styling */\n discord-spoiler {\n --spoiler-bg: #1e1f22;\n --spoiler-hover: #2b2d31;\n }\n\n /* Reaction styling */\n discord-reaction {\n --reaction-bg: #2b2d31;\n --reaction-hover: #383a40;\n }\n";