import * as React from "react"; import { getDimensionStyle, getDimensionLabelStyle, getDividerStyle, } from "./style"; import { CountdownProps } from "./types"; // import div from "../div"; // import div from "../div"; export const RenderCountdown = ({ showDays, showHours, showMinutes, showSeconds, showDivider, showLabels, style, labelStyle, dimensionStyle, dividerStyle, numberStyle, }: CountdownProps) => { const Divider = () => (
: {showLabels && (

 

)}
); const Dimension = ({ caption, count }) => (
{count}
{showLabels && (

{caption}

)}
); return ({ hours, days, minutes, seconds, completed }) => { if (completed) return (

Your time has expired

); return (
{showDays && ( <> {showDivider && } )} {showHours && ( <> {showDivider && } )} {showMinutes && ( <> {showDivider && } )} {showSeconds && ( <> )}
); }; };