clock-analog-digital-react
Version:
A reusable React clock package with analog and digital clocks
52 lines • 2.82 kB
TypeScript
import { CSSProperties } from 'react';
interface DigitalClockBackgroundProps {
padding: number;
backgroundColor: string;
}
export declare const DigitalClockBackground: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
} & DigitalClockBackgroundProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
interface ClockSectionProps {
style: CSSProperties;
}
export declare const ClockSection: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
} & ClockSectionProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
interface ClockDotProps {
backgroundColor: string;
}
export declare const ClockDot: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
} & ClockDotProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const RightSectionElement: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
interface DigitalClockDigitWrapperProps {
style?: CSSProperties;
}
export declare const DigitalClockDigitWrapper: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
} & DigitalClockDigitWrapperProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const RightSubSection: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const SecondsWrapper: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const SecondDigitWrapper: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const LogoWrapper: import('@emotion/styled').StyledComponent<{
theme?: import('@emotion/react').Theme;
as?: React.ElementType;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export {};
//# sourceMappingURL=index.d.ts.map