@hhgtech/hhg-components
Version:
Hello Health Group common components
244 lines (243 loc) • 8.46 kB
TypeScript
import { MantineTheme } from '@mantine/core';
import { UseTranslationsReturn } from "../../../hooks";
import { RISK_SCREENER_NAME } from "../../../interfaces/constants";
import { LocaleType } from "../../../interfaces/types";
import { BannerAction, OptionBannerStyleType } from "./types";
export declare const FLOW: (t: UseTranslationsReturn<LocaleType>['t'], currentUrl: any) => {
pregnant: {
action: BannerAction;
props: {
heading: string;
description: string;
styleType: OptionBannerStyleType;
thumbnail: {
desktop: string;
mobile: string;
};
buttonProps: {
variant: string;
styles: (theme: MantineTheme) => {
[x: string]: string | {
minWidth: string;
};
minWidth: string;
};
};
items: {
label: string;
value: string;
tracking: {
dataEventCategory: string;
dataEventAction: string;
dataEventLabel: any;
};
}[];
};
submitHandler: {
yes: {
action: BannerAction;
props: {
value: import("../../../interfaces/healthTools").HEALTH_TOOL_NAME;
};
};
no: {
action: BannerAction;
};
};
};
parenting: {
action: BannerAction;
props: {
heading: string;
description: string;
thumbnail: {
desktop: string;
mobile: string;
};
hideDescOnMobile: boolean;
styleType: OptionBannerStyleType;
items: {
label: string;
value: string;
}[];
submitBtnTracking: {
dataEventCategory: string;
dataEventAction: string;
dataEventLabel: any;
};
};
submitHandler: {
todders: {
action: BannerAction;
props: {
value: import("../../../interfaces/healthTools").HEALTH_TOOL_NAME;
};
};
teenager: {
action: BannerAction;
props: {
styleType: OptionBannerStyleType;
heading: string;
description: string;
thumbnail: {
desktop: string;
mobile: string;
};
buttonProps: {
variant: string;
};
items: {
label: string;
value: string;
tracking: {
dataEventCategory: string;
dataEventAction: string;
dataEventLabel: any;
};
}[];
};
};
'teenager.boy': {
action: BannerAction;
};
'teenager.girl': {
action: BannerAction;
activeTool: RISK_SCREENER_NAME;
props: {
value: RISK_SCREENER_NAME;
};
};
'todders|teenager': {
action: BannerAction;
props: {
styleType: OptionBannerStyleType;
heading: string;
description: string;
thumbnail: {
desktop: string;
mobile: string;
};
hideDescOnMobile: boolean;
buttonProps: {
variant: string;
};
styles: (theme: MantineTheme) => {
wrapper: {
[x: string]: {
flexDirection: string;
};
};
button: {
background: string;
};
};
items: ({
label: string;
activeTool: import("../../../interfaces/healthTools").HEALTH_TOOL_NAME;
isLink: boolean;
tracking: {
dataEventCategory: string;
dataEventAction: string;
dataEventLabel: any;
};
value?: undefined;
isPNBtn?: undefined;
} | {
label: string;
value: string;
isPNBtn: boolean;
tracking: {
dataEventCategory: string;
dataEventAction: string;
dataEventLabel: any;
};
activeTool?: undefined;
isLink?: undefined;
})[];
};
};
'todders|teenager.showPN': {
action: BannerAction;
props: {
styleType: OptionBannerStyleType;
heading: string;
description: string;
thumbnail: {
desktop: string;
mobile: string;
};
hideDescOnMobile: boolean;
buttonProps: {
variant: string;
};
styles: (theme: MantineTheme) => {
wrapper: {
[x: string]: {
flexDirection: string;
};
};
button: {
background: string;
};
};
items: {
label: string;
activeTool: import("../../../interfaces/healthTools").HEALTH_TOOL_NAME;
isLink: boolean;
tracking: {
dataEventCategory: string;
dataEventAction: string;
dataEventLabel: any;
};
}[];
};
};
};
};
};
export declare const TOOL_BANNERS_PROPS: (t: UseTranslationsReturn<LocaleType>['t']) => {
[x: string]: {
heading: string;
description: string;
btnLabel: string;
value: import("../../../interfaces/healthTools").HEALTH_TOOL_NAME;
dataEventAction: string;
thumbnail?: undefined;
isRiskScreener?: undefined;
hideDescOnMobile?: undefined;
} | {
heading: string;
description: string;
btnLabel: string;
value: import("../../../interfaces/healthTools").HEALTH_TOOL_NAME;
dataEventAction?: undefined;
thumbnail?: undefined;
isRiskScreener?: undefined;
hideDescOnMobile?: undefined;
} | {
heading: string;
description: string;
thumbnail: {
desktop: string;
mobile: string;
};
isRiskScreener: boolean;
btnLabel: string;
value: RISK_SCREENER_NAME;
hideDescOnMobile: boolean;
dataEventAction: string;
};
hpv: {
heading: string;
description: string;
thumbnail: {
desktop: string;
mobile: string;
};
isRiskScreener: boolean;
btnLabel: string;
value: RISK_SCREENER_NAME;
hideDescOnMobile: boolean;
dataEventAction: string;
};
};