react-flip-clock-lib/dist/index.d.ts

A beautiful and customizable React flip clock component with TypeScript support

import * as react_jsx_runtime from 'react/jsx-runtime';

interface FlipClockProps {
    /**
     * The width of the clock container
     */
    width?: string;
    /**
     * The height of the clock container
     */
    height?: string;
    /**
     * The padding of the clock container
     */
    padding?: string;
    /**
     * The border radius of the clock cards
     */
    borderRadius?: string;
    /**
     * The opacity of the clock
     */
    opacity?: number;
    /**
     * The width of the colon separator
     */
    colonWidth?: string;
    /**
     * The height of the colon separator
     */
    colonHeight?: string;
    /**
     * The font size of the colon separator
     */
    colonFontSize?: string;
    /**
     * The size of the colon dot
     */
    colonDotSize?: string;
    /**
     * The width of the unit
     */
    unitWidth?: string;
    /**
     * The height of the unit
     */
    unitHeight?: string;
    /**
     * The border radius of the unit
     */
    unitBorderRadius?: string;
    /**
     * The margin of the unit
     */
    unitMargin?: string;
    /**
     * The font size of the digit
     */
    digitFontSize?: string;
    /**
     * The font family of the clock
     */
    fontFamily?: string;
    /**
     * The background color of the clock
     */
    backgroundColor?: string;
    /**
     * The background color of the clock cards
     */
    cardBackgroundColor?: string;
    /**
     * The color of the digits
     */
    digitColor?: string;
    /**
     * The color of the colon separator
     */
    colonColor?: string;
    /**
     * The color of the border
     */
    borderColor?: string;
    /**
     * The color of the shadow
     */
    shadowColor?: string;
    /**
     * Whether to show AM/PM suffix
     */
    showAmPm?: boolean;
}

declare const FlipClock: (props: FlipClockProps) => react_jsx_runtime.JSX.Element;
//# sourceMappingURL=FlipClock.d.ts.map

declare const defaultProps: FlipClockProps;

interface ScreenSize {
    isMobile: boolean;
    isTablet: boolean;
    isDesktop: boolean;
}
declare const useCheckMobile: () => ScreenSize;

declare const useFlipClockTime: () => {
    hours: number;
    minutes: number;
    seconds: number;
};

declare const useShuffleState: (hours: number, minutes: number, seconds: number) => {
    hoursShuffle: boolean;
    minutesShuffle: boolean;
    secondsShuffle: boolean;
};

declare const FlipUnitContainer: ({ digit, shuffle, unit, className, }: {
    digit: number;
    shuffle: boolean;
    unit: string;
    className?: string;
}) => react_jsx_runtime.JSX.Element;

declare const AnimatedCard: ({ animation, digit, }: {
    animation: string;
    digit: string | number;
}) => react_jsx_runtime.JSX.Element;

declare const StaticCard: ({ position, digit, }: {
    position: string;
    digit: string | number;
}) => react_jsx_runtime.JSX.Element;

export { AnimatedCard, FlipClock, FlipUnitContainer, StaticCard, defaultProps, useCheckMobile, useFlipClockTime, useShuffleState };
export type { FlipClockProps };