import { jsx as _jsx } from "react/jsx-runtime";
import { ThemeProvider } from "styled-components";
import CountdownTimer from "./index";
import genshiroTheme from "../theme/genshiro.theme";
import { useCountdown } from "../../../hooks/use-countdown";
export default {
    component: CountdownTimer,
    title: "New/CountdownTimer",
    decorators: [
        (Story) => (_jsx(ThemeProvider, { theme: genshiroTheme, children: _jsx(Story, {}) })),
    ],
};
const to = Date.now() + 2 * 24 * 60 * 60 * 1000;
export const Genshiro = () => {
    const timer = useCountdown(new Date(to));
    if (!timer)
        return "initializing...";
    return (_jsx(CountdownTimer, { children: Object.keys(timer).map((p, key) => {
            return (
            // @ts-ignore
            _jsx(CountdownTimer.TimerNumber, { label: p, value: timer[p] }, key));
        }) }));
};
//# sourceMappingURL=timer.stories.js.map