import { jsx as _jsx } from "react/jsx-runtime";
import { ThemeProvider } from "styled-components";
import equilibriumTheme from "../theme/equilibrium.theme";
import Banner from "./banner";
import useBanner from "./use-banner";
import moonRocket from "./img/moon-rocket.png";
import button from "./img/button.png";
const LEFT_ICON = "https://content.equilibrium.io/uploads/join_the_waitlist_f6bc5345d4.png";
const RIGHT_ICON = "https://content.equilibrium.io/uploads/Group_13533_b6705341ce.svg";
const RIGHT_ICON_COMPACT = "https://content.equilibrium.io/uploads/join_the_waitlist_f6bc5345d4.png";
const HREF = "https://content.equilibrium.io";
const CONTENT = "Get 200%  \nTo The Moon BONUS";
const COUNTDOWN_TIMER_TAG = "COUNTDOWN_TIMER";
const COUNTDOWN_TO = "2024-02-10T09:00:00.000Z";
const MINOR_CONTENT = "Minor text here";
const MINOR_CONTENT_WITH_COUNTDOWN = `Promotion finishes in: ${COUNTDOWN_TIMER_TAG}`;
const CONTENT_COMPACT = "Support Equilibrium [**NOW**]() and recieve huge bonuses";
const Wrapper = ({ children }) => {
    return _jsx(ThemeProvider, { theme: equilibriumTheme, children: children });
};
const RegularCompactBanner = () => {
    const bannerData = useBanner({
        enabled: true,
        compact: true,
        promo: false,
        currentPage: "test",
        isMobile: false,
        cookie: "test-compact",
    });
    return (_jsx(Banner, { ...bannerData, leftIconSrc: undefined, rightIconSrc: undefined, content: CONTENT_COMPACT, minorContent: MINOR_CONTENT, enabled: true, href: HREF, handleCloseClick: undefined }));
};
const PromoBannerWithTimer = () => {
    const bannerData = useBanner({
        enabled: true,
        compact: false,
        promo: true,
        countdownTo: COUNTDOWN_TO,
        currentPage: "test",
        minorContentDesktopFull: MINOR_CONTENT_WITH_COUNTDOWN,
        minorContentDesktopCompact: MINOR_CONTENT_WITH_COUNTDOWN,
        minorContentMobileFull: MINOR_CONTENT_WITH_COUNTDOWN,
        minorContentMobileCompact: MINOR_CONTENT_WITH_COUNTDOWN,
        isMobile: false,
        cookie: "test-promo-with-timer",
    });
    return (_jsx(Banner, { ...bannerData, leftIconSrc: moonRocket, rightIconSrc: button, content: CONTENT, enabled: true, href: HREF, handleCloseClick: () => console.log("test") }));
};
const RegularBanner = () => {
    const bannerData = useBanner({
        enabled: true,
        compact: false,
        promo: false,
        currentPage: "test",
        isMobile: false,
        cookie: "test-regular",
    });
    return (_jsx(Banner, { ...bannerData, leftIconSrc: LEFT_ICON, rightIconSrc: RIGHT_ICON, content: CONTENT, minorContent: MINOR_CONTENT, enabled: true, href: HREF, handleCloseClick: () => console.log("test") }));
};
const MobileBanner = () => {
    const bannerData = useBanner({
        enabled: true,
        compact: false,
        promo: false,
        currentPage: "test",
        isMobile: true,
        cookie: "test-mobile",
    });
    return (_jsx(Banner, { ...bannerData, leftIconSrc: undefined, rightIconSrc: RIGHT_ICON, content: CONTENT, minorContent: MINOR_CONTENT, enabled: true, href: HREF, handleCloseClick: () => console.log("test") }));
};
const MobileCompactBanner = () => {
    const bannerData = useBanner({
        enabled: true,
        compact: true,
        promo: false,
        currentPage: "test",
        isMobile: true,
        cookie: "test-mobile-compact",
    });
    return (_jsx(Banner, { ...bannerData, leftIconSrc: undefined, rightIconSrc: undefined, content: CONTENT, minorContent: MINOR_CONTENT, href: HREF, handleCloseClick: () => console.log("test") }));
};
export const PromoWithTimer = () => (_jsx(Wrapper, { children: _jsx(PromoBannerWithTimer, {}) }));
export const Regular = () => (_jsx(Wrapper, { children: _jsx(RegularBanner, {}) }));
export const RegularCompact = () => (_jsx(Wrapper, { children: _jsx(RegularCompactBanner, {}) }));
export const Mobile = () => (_jsx(Wrapper, { children: _jsx(MobileBanner, {}) }));
export const MobileCompact = () => (_jsx(Wrapper, { children: _jsx(MobileCompactBanner, {}) }));
const story = {
    component: Banner,
    title: "New/Banner",
};
export default story;
//# sourceMappingURL=banner.stories.js.map