@hhgtech/hhg-components
Version:
Hello Health Group common components
79 lines (78 loc) • 4.42 kB
TypeScript
/// <reference types="react" />
export declare const StyledBox: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledContent: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledShortText: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
}, {}, {}>;
export declare const StyledButton: import("@emotion/styled").StyledComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
size: "lg" | "md" | "sm" | "xs";
children?: import("react").ReactNode;
color?: "primary" | "secondary" | "transparent" | "tertiary" | "ghost" | "danger" | "success";
theme?: "helloSites" | "marryBaby";
isDisabled?: boolean;
isBlock?: boolean;
title?: string;
className?: string;
icon?: JSX.Element;
iconPosition?: "left" | "right";
isLoading?: boolean;
loadingText?: string;
onClick?: import("react").MouseEventHandler<HTMLButtonElement>;
dataEventCategory?: string;
dataEventAction?: string;
dataEventLabel?: string;
dataProductChannel?: string;
dataProductSku?: string;
dataProductBrand?: string;
dataProductName?: string;
dataProductPrice?: string;
dataProductCategory?: string;
dataProductPosition?: string;
type?: "button" | "submit" | "reset";
component?: import("react").ElementType<any>;
href?: string;
} & {
theme?: import("@emotion/react").Theme;
}, {}, {}>;
export declare const StyledContentBox: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledTextBadgeBox: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledTextBadge: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledTextContent: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const StyledSubTitle: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const StyledTextButtonBox: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledTextButton: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: import("react").ElementType<any>;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;