/// import * as _emotion_styled from '@emotion/styled'; import { StyledComponent } from '@emotion/styled'; import * as React$1 from 'react'; import React__default, { ReactNode } from 'react'; import { BaseStyles as BaseStyles$1, ThemeStyles as ThemeStyles$1 } from 'src/utils/types/base-styles.type'; import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime'; import { SerializedStyles } from '@emotion/react'; import { ActionHeaderProps as ActionHeaderProps$1 } from '@/action-header/action-header'; import { TabsProps as TabsProps$1 } from '@/tabs/tabs'; import { PrimaryButtonProps as PrimaryButtonProps$1 } from '@/buttons/primary-button/primary-button'; declare const AngleDownIcon: _emotion_styled.StyledComponent | undefined; }>; declare const AngleRightIcon: _emotion_styled.StyledComponent | undefined; }>; declare const ArrowDownIcon: _emotion_styled.StyledComponent | undefined; }>; declare const ArrowUpIcon: _emotion_styled.StyledComponent | undefined; }>; declare const AvatarIcon: _emotion_styled.StyledComponent | undefined; }>; declare const CameraIcon: _emotion_styled.StyledComponent | undefined; }>; declare const CircledCrossIcon: _emotion_styled.StyledComponent | undefined; }>; declare const CloseBoldIcon: _emotion_styled.StyledComponent | undefined; }>; declare const CloseMediumIcon: _emotion_styled.StyledComponent | undefined; }>; declare const CopyIcon: _emotion_styled.StyledComponent | undefined; }>; declare const CrossIcon: _emotion_styled.StyledComponent | undefined; }>; declare const FacebookIcon: _emotion_styled.StyledComponent | undefined; }>; declare const HamburgerIcon: _emotion_styled.StyledComponent | undefined; }>; declare const InstagramIcon: _emotion_styled.StyledComponent | undefined; }>; declare const ManageIcon: _emotion_styled.StyledComponent | undefined; }>; declare const MenuIcon: _emotion_styled.StyledComponent | undefined; }>; declare const PersonalisationIcon: _emotion_styled.StyledComponent | undefined; }>; declare const RefreshIcon: _emotion_styled.StyledComponent | undefined; }>; declare const SearchSecondIcon: _emotion_styled.StyledComponent | undefined; }>; declare const SearchIcon: _emotion_styled.StyledComponent | undefined; }>; declare const TwitterIcon: _emotion_styled.StyledComponent | undefined; }>; declare const VideoPlayIcon: _emotion_styled.StyledComponent | undefined; }>; declare const YoutubeIcon: _emotion_styled.StyledComponent | undefined; }>; declare const PauseIcon: _emotion_styled.StyledComponent | undefined; }>; declare const PlayIcon: _emotion_styled.StyledComponent | undefined; }>; declare const VideoPlaySmallIcon: _emotion_styled.StyledComponent | undefined; }>; declare const ExclamationIcon: _emotion_styled.StyledComponent | undefined; }>; declare const LiveScoreIcon: _emotion_styled.StyledComponent | undefined; }>; declare const SettingsIcon: _emotion_styled.StyledComponent | undefined; }>; declare const _default$2: { colorSponsoredGray: string; colorRed50: string; colorNeutral5: string; colorNeutral10: string; colorNeutral50: string; colorNeutral80: string; colorNeutral100: string; typographyBannerButton: string; typographyMerchandisesTitle: string; typographyMerchandisesSub: string; typographyMerchandisesItemTitle: string; typographyMerchandisesItemSub: string; typographyArticleListTitleDesktopRevamp: string; typographyArticleListTitleMobileRevamp: string; typographyArticleGridTitleRevamp: string; typographyArticleTagRevamp: string; typographyArticleStampRevamp: string; typographyHeadlineCarouselTitle: string; typographyCombinedFeaturedTabSectionTitleDesktop: string; typographyCombinedFeaturedTabSectionTitleMobile: string; typographyCombinedFeaturedTabContentCardDesktop: string; typographyCombinedFeaturedTabContentCardMobile: string; typographyProgramCardTitle: string; typographyProgramCardTime: string; colorPinkyRed: string; colorDarkishBlue: string; colorWhite: string; colorMacaroniAndCheese: string; colorBlack: string; colorGrey: string; colorDarkGrey: string; colorVeryLightGrey: string; colorSuperLightGrey: string; colorGreen: string; colorGreen25: string; colorGreen40: string; colorGreen85: string; colorGreen95: string; colorNavy: string; colorNavy30: string; colorNavy40: string; colorNavy95: string; colorNavy98: string; colorGray: string; colorGray60: string; colorGray90: string; colorGray95: string; colorBlue: string; colorBlue85: string; colorBlue95: string; colorOrange: string; colorOrange95: string; colorRed: string; colorRed95: string; colorPurple: string; colorPrimary: string; colorPrimary25: string; colorPrimary40: string; colorPrimary85: string; colorPrimary95: string; colorSecondary: string; colorTertiary: string; colorAccent: string; colorAccent30: string; colorAccent40: string; colorAccent95: string; colorAccent98: string; colorNeutral: string; colorNeutral40: string; colorNeutral60: string; colorNeutral90: string; colorNeutral95: string; colorInfo: string; colorInfo85: string; colorInfo95: string; colorWarning: string; colorWarning95: string; colorError: string; colorError95: string; colorSolid: string; colorSurface: string; colorHeaderDivider: string; colorHeaderItemUnderline: string; colorTagBackground: string; colorTagTitle: string; borderRadius1: string; borderRadius2: string; borderRadius4: string; borderRadius6: string; borderRadius8: string; borderRadius20: string; fontFamilyBody: string; fontSizeM: string; fontSizeInput: string; typographyPageTitleDesktop: string; typographyPageTitleMobile: string; typographySectionTitleDesktop: string; typographySectionTitleMobile: string; typographyArticleTag: string; typographyArticleStamp: string; typographyArticleListTitleDesktop: string; typographyArticleListTitleMobile: string; typographyArticleListDescription: string; typographyArticleGridTitle: string; typographyArticleGridTitleCentered: string; typographyCaption: string; typographyLink: string; typographyHeaderMainNavigationLink: string; typographyHeaderSubNavigationLink: string; typographyHeaderMainNavigationActiveTabLink: string; typographyHeaderSubNavigationActiveTabLink: string; typographyInformation: string; typographyButton: string; typographyHamburger: string; typographyHamburgerSub: string; typographySearchBox: string; typographyActiveHamburger: string; shadow1: string; shadow2: string; shadow3: string; shadow4: string; shadow5: string; shadow6: string; shadow7: string; shadow8: string; shadow9: string; shadow10: string; shadow11: string; shadow12: string; shadow13: string; shadow14: string; shadow15: string; shadow16: string; constraintScale: string; constraintXs: string; constraintS: string; constraintM: string; constraintL: string; constraintXl: string; spacing4: string; spacing8: string; spacing16: string; spacing24: string; spacing32: string; spacingXs: string; spacingS: string; spacingM: string; spacingL: string; spacingXl: string; transitionLinear80Ms: string; transitionEaseinout150Ms: string; transitionStandard: string; breakPointMobile: string; breakPointMobilePixels: string; breakPointSmallDesktop: string; breakPointSmallDesktopPixels: string; breakPointDesktop: string; breakPointDesktopPixels: string; breakPointBiggerdesktop: string; breakPointBiggerdesktopPixels: string; breakPointGiantdesktop: string; breakPointGiantdesktopPixels: string; mediaQueryIsMobile: string; mediaQueryIsSmallDesktop: string; mediaQueryIsDesktop: string; mediaQueryIsBiggerdesktop: string; mediaQueryIsGiantdesktop: string; settingsShowArticleImageBottomLeftTag: boolean; textColor: string; textColorDark: string; textColorLight: string; textColorInverted: string; textColorTitle: string; textColorArticleText: string; textColorArticleTextTitle: string; textColorArticleTextBody: string; textColorArticleTextStamp: string; textColorArticleImageLeftTag: string; textColorArticleImageRightTag: string; textColorArticleImageIcon: string; textColorButton: string; textColorHeaderText: string; textColorHeaderMinimizedText: string; textColorHeaderNavigationItemText: string; textColorHeaderMinimizedNavigationItemText: string; textColorHeaderNavigationItemHighlight: string; textColorLink: string; backgroundColorHeader: string; backgroundColorHeaderMinimized: string; backgroundColorFooter: string; backgroundColorButton: string; backgroundColorArticleImageLeftTag: string; backgroundColorArticleImageRightTag: string; backgroundColorInputPristine: string; backgroundColorInputDisabled: string; backgroundColorInputHover: string; backgroundColorInputSelected: string; backgroundColorTagPristine: string; backgroundColorTagWarning: string; backgroundColorTagDisabled: string; backgroundColorTagNormalHover: string; backgroundColorTagWarningHover: string; backgroundColorForInput: string; backgroundColorForInputWhenSelected: string; backgroundColorForInputWhenDisabled: string; backgroundColorForInputWhenHovered: string; backgroundColorForTag: string; backgroundColorForTagWarning: string; backgroundColorChips: string; borderColorInputPristine: string; borderColorInputFocus: string; borderColorInputDisabled: string; borderColorInputReadonly: string; borderColorInputError: string; borderColorInputWarning: string; borderColorTagPristine: string; borderColorTagWarning: string; borderColorTagFocus: string; borderColorTagWarningHover: string; borderColorSeparator: string; borderColorForInput: string; borderColorForInputWhenFocused: string; borderColorForInputWhenDisabled: string; borderColorForInputWhenReadonly: string; borderColorForInputWhenError: string; borderColorForInputWhenWarning: string; borderColorForTag: string; borderColorForTagWarning: string; borderColorForTagWhenFocused: string; borderRadiusInput: string; borderRadiusTag: string; borderRadiusForInput: string; borderRadiusForTag: string; fontColorDefault: string; fontColorDisabled: string; fontColorError: string; fontColorSuccess: string; fontColorWarning: string; fontColorReadonly: string; fontColorPlaceholder: string; fontColorForInput: string; fontColorForInputWhenDisabled: string; fontColorForInputWhenError: string; fontColorForInputWhenReadonly: string; fontColorForInputWhenWarning: string; fontColorForTag: string; fontColorForTagWhenDisabled: string; fontFamily: string; placeholderFontColorForInput: string; fontSizeForInput: string; shadowBoxTagWhenHovered: string; bigButtonHeight: string; smallButtonHeight: string; sizeHeightInput: string; shadow1First: string; shadow1Second: string; shadow2First: string; shadow2Second: string; shadow3First: string; shadow3Second: string; shadow4First: string; shadow4Second: string; shadow5First: string; shadow5Second: string; shadow6First: string; shadow7First: string; shadow7Second: string; shadow8First: string; shadow8Second: string; shadow9First: string; shadow9Second: string; shadow9Third: string; shadow10First: string; shadow11First: string; shadow11Second: string; shadow12First: string; shadow13First: string; shadow14First: string; shadow15First: string; shadow15Second: string; fontFamilyDefault: string; fontSizeDefault: string; fontSizeSmall: string; fontSizeForArticleTitle: string; fontSizeForArticleBody: string; fontSizeForArticleStamp: string; shadowBoxTagHover: string; sizeHeightTag: string; standardInputHeight: string; lineHeightForArticleTitle: string; lineHeightForArticleBody: string; lineHeightForArticleStamp: string; fontWeightForTitle: string; fontWeightForBody: string; fontWeightForStamp: string; variant: string; }; type intlMessageProps = { id: string; description?: string; defaultMessage: string; }; type HeadlineProps = { elementType?: 'h1' | 'h2' | 'h3'; isBold?: boolean; isItalic?: boolean; truncate?: boolean; intlMessage?: intlMessageProps; children?: React.ReactNode; title?: string; }; type LinkProps = { id?: string; className?: string; hasUnderline?: boolean; isExternal?: boolean; openInNewTab?: boolean; to?: any; children?: React__default.ReactNode; cssStyle?: any; styles?: { root: React__default.CSSProperties; }; text?: string; onClick?: () => void; onKeyDown?: (e: React__default.KeyboardEvent) => void; onKeyPress?: (e: React__default.KeyboardEvent) => void; }; declare const Link: React__default.FC; type LinkWrapperProps = LinkProps & { link?: string; elementType?: 'div' | 'span' | 'p'; cssStyle?: any; }; interface ActionHeaderProps { className?: string; children?: React__default.ReactNode; styles?: BaseStyles$1; bodyStyles?: {}; titleProps?: HeadlineProps & { text?: string; appendChild?: React__default.ReactNode | null; styles?: BaseStyles$1; imageIcon?: string; imageIconStyles?: BaseStyles$1; }; actionLinkProps?: { styles?: BaseStyles$1; link?: string; text?: string; iconName?: string; isExternal?: boolean; linkProps?: LinkWrapperProps; }; } declare const ActionHeader: React__default.FC; type IconSizeProps = 'small' | 'medium' | 'big' | 'scale' | 'auto' | string; type IconThemeProps = 'black' | 'grey' | 'white' | 'blue' | 'green' | 'green-light' | 'orange' | 'red' | string; type IconProps = { src?: string; theme?: IconThemeProps; iconName?: string; size?: IconSizeProps; styles?: BaseStyles$1; showIcon?: boolean; onClick?: (event: any) => void; onKeyPress?: (e: any) => void; tabIndex?: number; fillProperty?: 'fill' | 'stroke'; iconPosition?: 'left' | 'right'; }; type BaseStyles = { root: {}; }; type ThemeStyles = 'default' | 'dark' | 'sponsored'; type LabelProps$2 = { styles?: BaseStyles; text?: string; iconProps?: IconProps; node?: React__default.ReactNode; }; type ImageProps$3 = { styles?: BaseStyles; src?: string; alt?: string; description?: string; linkProps?: LinkWrapperProps; fullWidth?: any; imageProps?: any; }; type OverlayTextProps$2 = any; type ArticleImageProps$2 = { children?: React.ReactNode; className?: string; styles?: BaseStyles; fullWidth?: boolean; imageProps?: ImageProps$3; bottomLeftLabelProps?: LabelProps$2; videoDurationProps?: LabelProps$2; overlayTextProps?: OverlayTextProps$2; iconProps?: IconProps; isLoading?: boolean; showOverlay?: boolean; }; type ArticleTitleProps$1 = { styles?: BaseStyles; text?: string; maxLineCount?: number; truncateText?: string; elementType?: React__default.ElementType; textTrunateElementType?: string; textTruncateChild?: string; useTextTruncate?: boolean; children?: any; linkProps?: LinkWrapperProps; theme?: ThemeStyles; }; type ArticleBodyProps$1 = { styles?: BaseStyles; text?: string; maxLineCount?: number; truncateText?: string; elementType?: React__default.ElementType; textTrunateElementType?: string; textTruncateChild?: string; useTextTruncate?: boolean; children?: any; setInnerHTML?: boolean; theme?: ThemeStyles; }; type ArticleStampProps$1 = { styles?: BaseStyles; text?: string; children?: any; theme?: ThemeStyles; }; type ArticleTagProps$1 = { styles?: BaseStyles; theme?: ThemeStyles; text?: string; children?: any; }; type ArticleTextProps$2 = { styles?: BaseStyles; className?: string; children?: React.ReactNode; hasTopSpacing?: boolean | undefined; hasLeftSpacing?: boolean | undefined; showBody?: boolean; titleProps?: ArticleTitleProps$1; bodyProps?: ArticleBodyProps$1; stampProps?: ArticleStampProps$1; tagProps?: ArticleTagProps$1; linkProps?: LinkWrapperProps; theme?: ThemeStyles; articleTagTheme?: ThemeStyles; }; type ArticleTextType = React.FC & { Title: React.FC; Body: React.FC; Stamp: React.FC; Tag: React.FC; }; type ArticleProps$1 = { children?: React__default.ReactNode; className?: string; styles?: BaseStyles$1; isRow?: boolean; articleImageProps?: ArticleImageProps$2; articleTextProps?: ArticleTextProps$2; setInnerHTML?: boolean; theme?: ThemeStyles$1; articleTagTheme?: ThemeStyles$1; smallSpacing?: boolean; isLoading?: boolean; }; declare const Article: React__default.FC; type GridProps = { children?: React.ReactNode; display?: 'grid' | 'inline-grid'; gridTemplateColumns?: string; gridTemplateRows?: string; gridTemplateAreas?: string; gridTemplate?: string; gridColumnGap?: string; gridRowGap?: string; gridGap?: string; justifyItems?: 'start' | 'end' | 'center' | 'stretch'; alignItems?: 'start' | 'end' | 'center' | 'stretch'; placeItems?: 'start' | 'end' | 'center' | 'stretch'; justifyContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly'; alignContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly'; placeContent?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly'; gridAutoColumns?: string; gridAutoRows?: string; gridAutoFlow?: string; grid?: string; }; type AllGridProps = StyledComponent<'div', any> & { Item: StyledComponent<'div', any>; }; declare const Grid: AllGridProps; type GridItemProps = { children?: React.ReactNode; gridArea?: string; gridColumn?: string; gridColumnStart?: string; gridColumnEnd?: string; gridRow?: string; gridRowStart?: string; gridRowEnd?: string; justifySelf?: 'start' | 'end' | 'center' | 'stretch'; alignSelf?: 'start' | 'end' | 'center' | 'stretch'; placeSelf?: 'start' | 'end' | 'center' | 'stretch'; index?: number; styles?: { root: {}; }; }; type ArticleGridProps = { children?: React__default.ReactNode; className?: string; styles?: BaseStyles; hasRootWrapper?: boolean; gridProps: GridProps; gridItemProps?: GridItemProps; list?: ArticleProps$1[]; listStyle?: ArticleProps$1; }; declare const ArticleGrid: React__default.FC; declare const ArticleImage: React__default.FC; type ArticleListSeparatorType = { list: React__default.ReactNode[]; interval: number; appendListToEnd?: boolean; showSeparatorAsLastItem?: boolean; }; type ArticleListProps$1 = { children?: React__default.ReactNode; className?: string; styles?: BaseStyles; list?: ArticleProps$1[]; listStyle?: ArticleProps$1; separator?: ArticleListSeparatorType; setInnerHTML?: boolean; hasRootWrapper?: boolean; }; declare const ArticleList: React__default.FC; interface WidgetContainerProps { className?: string; children?: React__default.ReactNode; styles?: { root: {}; body: {}; }; bodyStyles?: {}; actionHeaderProps?: ActionHeaderProps; } declare const WidgetContainer: React__default.FC; type LabelProps$1 = { styles?: { root: {}; }; text?: string; iconProps?: IconProps; node?: React__default.ReactNode; }; type ImageProps$2 = { styles?: { root: {}; }; src?: string; alt?: string; description?: string; linkProps?: LinkWrapperProps; ratio?: string; isCalcRatio?: boolean; fullWidth?: any; imageProps?: any; }; type OverlayTextProps$1 = { styles?: { root: {}; }; text?: string; textPositionY?: string; overlayTextProps?: any; }; type ArticleImageProps$1 = { children?: React__default.ReactNode; className?: string; styles?: { root: {}; }; fullWidth?: boolean; imageProps?: ImageProps$2; bottomLeftLabelProps?: LabelProps$1; bottomRightLabelProps?: LabelProps$1; overlayTextProps?: OverlayTextProps$1; iconProps?: IconProps; isCalcRatio?: boolean; ratio?: string; link?: string; }; type TitleProps = { children?: any; styles?: { root: {}; }; text?: string; maxLineCount?: number; elementType?: React__default.ElementType; linkProps?: LinkWrapperProps; truncateText?: string; textTrunateElementType?: string; textTruncateChild?: string; useTextTruncate?: boolean; }; type BodyProps = { children?: any; styles?: { root: {}; }; text?: string; maxLineCount?: number; elementType?: React__default.ElementType; setInnerHTML?: boolean; linkProps?: LinkWrapperProps; truncateText?: string; textTrunateElementType?: string; textTruncateChild?: string; useTextTruncate?: boolean; }; type StampProps = { children?: any; styles?: { root: {}; }; text?: string; }; declare const TYPES_OF_CHILDREN_IN_ORDER$1: string[]; type ArticleTextProps$1 = { children?: React__default.ReactNode; className?: string; styles?: { root: {}; }; link?: string; hasTopSpacing?: boolean | undefined; hasLeftSpacing?: boolean | undefined; smallSpacing?: boolean | undefined; fontColor?: string | null; titleProps?: TitleProps | undefined; bodyProps?: BodyProps; stampProps?: StampProps; linkProps?: LinkWrapperProps; childOrder?: typeof TYPES_OF_CHILDREN_IN_ORDER$1; setInnerHTML?: boolean; }; interface ArticleProps { children?: React__default.ReactNode; className?: string; styles?: { root: {}; }; isRow?: boolean; /** @ArticleImage proptypes */ articleImageProps?: ArticleImageProps$1; /** @ArticleText proptypes */ articleTextProps?: ArticleTextProps$1; setInnerHTML?: boolean; smallSpacing?: boolean; fontColor?: string; } interface ArticleListProps { children?: React__default.ReactNode; className?: string; styles?: { root: {}; }; hasRootWrapper?: boolean; list?: ArticleProps[]; listStyle?: ArticleProps; separator?: { list: React__default.ReactNode[]; interval: number; appendListToEnd?: boolean; showSeparatorAsLastItem?: boolean; }; setInnerHTML?: boolean; isRow?: boolean; articleImageProps?: ArticleImageProps$1; articleTextProps?: ArticleTextProps$1; } interface CarouselListProps { className?: string; children?: any; styles?: any; gridProps?: GridProps; gridItemProps?: GridItemProps; isCarouselView?: boolean; } declare const CarouselList: { (props: CarouselListProps): _emotion_react_jsx_runtime.JSX.Element; displayName: string; defaultProps: {}; }; interface ArticleListWidgetProps { children: React__default.ReactNode; className: string; styles: { root: {}; }; isRow?: boolean; /** @WidgetContainer props */ widgetContainerProps: WidgetContainerProps; /** @CarouselList props */ carouselListProps: CarouselListProps; /** @ArticleList proptypes */ articleListProps: ArticleListProps; } declare const ArticleListWidget: React__default.FC; declare const ArticleText: ArticleTextType; interface AspectRatioProps { className?: string; children?: React__default.ReactNode; backgroundColor?: string; maxWidth?: string; width?: string; ratio?: string; styles?: {}; } declare const AspectRatio: React__default.FC; interface ILoadingSpinner { color?: string; size?: number; } interface PrimaryButtonProps { label?: string; isToggleButton?: boolean; type?: 'submit' | 'reset' | 'button'; buttonAttributes?: any; iconLeftProps?: IconProps; iconRightProps?: IconProps; isToggled?: boolean; isDisabled?: boolean; onClick?: () => void; size?: 'big' | 'small'; tone?: 'urgent' | 'primary'; fullWidth?: boolean; isLoading?: boolean; loadingSpinnerProps?: ILoadingSpinner; backgroundColor?: string; styles?: BaseStyles$1; iconRight?: any; textColor?: string; isUppercase?: boolean; variant?: 'primary' | 'ghost'; } declare const PrimaryButton: React__default.FC; interface CarouselHeroGridProps { className?: string; children?: any; styles?: { root: {}; }; gridProps?: GridProps; gridItemProps?: GridItemProps; isCarouselView?: boolean; } declare const CarouselHeroGrid: { (props: CarouselHeroGridProps): _emotion_react_jsx_runtime.JSX.Element; displayName: string; defaultProps: {}; }; interface HorizontalConstraintsProps { constraint?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'scale'; children: React__default.ReactNode; } declare const _default$1: { Horizontal: React$1.FC; }; interface CrossPromoListProps { children?: React__default.ReactNode; className?: string; styles?: { root: React__default.CSSProperties; }; fontColor?: string; gridProps?: GridProps; gridItemProps?: GridItemProps; list?: any[]; } declare const CrossPromoList: React__default.FC; interface NavigationTabsItemProps { id?: string; text?: string; styles?: { root: {}; }; isActive?: boolean; leftIconProps?: IconProps; iconProps?: IconProps; linkProps?: LinkWrapperProps; dropdownStyles?: { styles: { root: {}; }; dropdownContainer?: { styles?: { root: React.CSSProperties; }; }; dropdownGap?: { styles?: { root: {}; }; leftGap?: any; }; }; dropdownItems?: LinkWrapperProps & { text?: string; }[]; enabled?: boolean; className?: string; } interface NavigationTabsProps { id?: string; className?: string; children?: React.ReactNode; styles?: { root: {}; }; isScrollable?: boolean; list?: NavigationTabsItemProps[]; listStyle?: {}; layoutMode?: 'flex' | 'grid'; dropdownProps?: NavigationTabsItemProps; } interface IconListItemProps extends IconProps { onClick?: () => void; title?: string; description?: string; linkProps?: LinkWrapperProps; } interface IconListProps { children?: React__default.ReactNode; className?: string; styles?: { root: SerializedStyles | {}; }; list?: IconListItemProps[]; iconProps?: { theme?: IconThemeProps; size?: IconSizeProps; }; } declare const IconList: React__default.FC; interface FooterProps { children?: React__default.ReactNode; className?: string; styles?: { root: {}; }; layoutMode: 'flex' | 'grid'; navigationTabsProps?: NavigationTabsProps; iconListProps?: IconListProps; copyrightProps?: { text?: string; styles?: { root: {}; }; }; } declare const Footer: React__default.FC; declare const Icon: React__default.FC; interface ImageProps$1 { className?: string; children?: React__default.ReactNode; src?: string; title?: string; width?: string; height?: string; threshold?: number; styles?: { root: any; }; onError?: (e: any) => void; blurOnLoad?: boolean; } declare const Image: React__default.FC; interface ImageCarouselItemProps { imageSrc: string; title?: string; link?: string; description?: string; } interface ImageCarouselProps { className?: string; children?: React__default.ReactNode; styles?: { root: {}; }; noOfSlidesInView?: number; noOfThumbsInView?: number; showThumbnails?: boolean; showArrows?: boolean; showTitle?: boolean; showStatus?: boolean; showIndicators?: boolean; carouselProps: { styles?: { root: {}; }; items: ImageCarouselItemProps[]; }; carouselTextProps?: { styles?: { root: {}; }; text: string; }; carouselThumbnailsProps?: { styles?: { root: {}; }; }; onChange?: (idx: number) => void; } declare const ImageCarousel: React__default.FC; interface InputButtonProps { id?: string; name?: string; value: string; onChange: React__default.ChangeEventHandler; onSubmit?: () => void; onKeyDown?: React__default.KeyboardEventHandler; onFocus?: React__default.FocusEventHandler; placeholder?: string; inputIcon?: React__default.ReactNode; closeIcon?: React__default.ReactNode; width?: string; height?: string; padding?: string; textInputStyle?: {}; hoverColor?: string; borderColor?: string; borderWidth?: string; radius?: string; isAutoFocussed?: boolean; showCloseIcon?: boolean; showSearchButton?: boolean; searchButtonText?: string; } declare const InputButton: React__default.FC; interface SectionProps { className?: string; children?: React__default.ReactNode; styles?: { root: any; }; } declare const Section: React__default.FC; type MastheadBannerSectionProps = { sectionProps?: SectionProps; isSectionOnTop?: boolean; isReversed?: boolean; isRow?: boolean; children?: React__default.ReactNode; }; interface SubMastheadBannerProps { ArticleImage: React__default.FC; Section: React__default.FC; } interface MastheadBannerProps { children?: React__default.ReactNode; className?: string; styles?: { root?: any; }; isRow?: boolean; isReversed?: boolean; isSectionOnTop?: boolean; sectionProps?: SectionProps; articleImageProps?: ArticleImageProps$1; } declare const MastheadBanner: React__default.FC & SubMastheadBannerProps; interface ModalProps { className?: string; content?: JSX.Element; children?: React__default.ReactNode; overlayStyle?: React__default.CSSProperties; modalStyle?: React__default.CSSProperties; isOpen: boolean; handleClose: () => void; closeOnClickOutside?: boolean; closeButtonIcon?: React__default.ReactNode; fullPage?: boolean; title?: string; titleStyle?: React__default.CSSProperties; } declare const Modal: React__default.FC; interface ChipProps { label: string; value: string; isExternal?: boolean; openInNewTab?: boolean; iconProps?: IconProps; } interface NavigationChipsProps { chips: ChipProps[]; onChange: (chip: ChipProps | undefined) => void; disableSearch?: boolean; onSearchSubmit?: (val: string) => void; placeholder?: string; searchRedirectUrl?: string; defaultSelection?: ChipProps; allowEmptyChips?: boolean; hasExpanded?: (expand: boolean) => void; toggleExpandable?: boolean; showExpandable?: boolean; cap?: number; allowTriggerOnDefaultSelection?: boolean; disableSettings?: boolean; } declare const NavigationChips: React__default.FC; declare const NavigationTabs: React__default.FC; interface HeaderNewsLetterProps { styles?: { root: {}; image?: {}; }; src?: string; alt?: string; } interface TextInputProps { autoComplete?: string; id?: string; style?: {}; styles?: BaseStyles$1; name?: string; value?: string; onChange?: React__default.ChangeEventHandler; onKeyDown?: React__default.KeyboardEventHandler; onBlur?: React__default.FocusEventHandler; onFocus?: React__default.FocusEventHandler; isAutoFocussed?: boolean; isDisabled?: boolean; isReadOnly?: boolean; hasError?: boolean; hasWarning?: boolean; placeholder?: string; horizontalConstraint?: 's' | 'm' | 'l' | 'xl' | 'scale'; errorMessage?: string; clearButtonProps?: { enabled?: boolean; styles?: BaseStyles$1; theme?: string; clearFunction?: () => void; }; } interface NewsletterWidgetProps { children?: React__default.ReactNode; className?: string; styles?: { root: {}; }; headerBannerProps?: HeaderNewsLetterProps; textInputProps: TextInputProps; primaryButtonProps: PrimaryButtonProps; showInput?: boolean; statusTextProps?: { elementType?: any; text?: string; styles?: { root: {}; container?: {}; }; }; } declare const NewsletterWidget: React__default.FC; type ScaleType = 'xs' | 's' | 'm' | 'l' | 'xl'; type AlignItemsType = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'flexStart' | 'flexEnd'; type JustifyContentType = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'; interface StackProps { scale?: ScaleType; children?: React__default.ReactNode; alignItems?: AlignItemsType; } interface InsetSquishProps { scale?: 's' | 'm' | 'l'; children?: React__default.ReactNode; } interface InsetProps { scale?: ScaleType; children?: React__default.ReactNode; } interface InlineProps { scale?: ScaleType; alignItems?: AlignItemsType; justifyContent?: JustifyContentType; children: React__default.ReactNode; fullWidth?: boolean; } declare const _default: { Inline: React$1.FC; Inset: React$1.FC; InsetSquish: React$1.FC; Stack: React$1.FC; }; interface TextTruncateProps { containerClassName?: string; element?: string; text: string; textElement?: 'p' | 'div' | 'span' | 'h1' | 'h2' | 'h3'; textTruncateChild?: string; textTruncateChildStyle?: any; truncateText?: string; maxCalculateTimes?: number; style?: any; isTruncated?: boolean; isHtml?: boolean; lineCount?: number; useTextTruncate?: boolean; } declare const TextTruncate: React__default.FC; interface VideoCarouselProps$1 { autoPlay?: boolean; infiniteLoop?: boolean; interval?: number; emulateTouch?: boolean; onClickItem?: () => void; children: any[]; showThumbs?: boolean; renderThumbs?: (children: React__default.ReactChild[]) => React__default.ReactChild[]; showArrows?: boolean; showStatus?: boolean; showIndicators?: boolean; renderIndicator?: (clickHandler: (e: React__default.MouseEvent | React__default.KeyboardEvent) => void, isSelected: boolean, index: number, label: string) => React__default.ReactNode; centerMode?: boolean; centerSlidePercentage?: number; onChange?: () => void; styles?: { root?: {}; }; dynamicHeight?: boolean; swipeScrollTolerance?: number; type?: string; isArrowOutsideBanner?: boolean; dotColor?: { active: string; inactive: string; }; } declare const VideoCarousel$1: React__default.FC; interface ResponsiveImageProps { desktop: string; mobile: string; alt?: string; styles?: {}; } declare const ResponsiveImage: React__default.FC; type VideoCarouselType = React__default.FC & { SplideSlide: React__default.FC; }; type VideoCarouselProps = { children: React__default.ReactNode; autoPlay?: boolean; interval?: number; pauseOnHover?: boolean; pauseOnFocus?: boolean; infiniteLoop?: boolean; gap?: number; perPage?: number; slidesPerGroup?: number; sponsor?: { text?: string; image?: ResponsiveImageProps; styles?: {}; }; showCarouselArrow?: boolean; showPagination?: boolean; paginationColor?: { active: string; inactive: string; }; isPaginationOutsideBanner?: boolean; isArrowOutsideBanner?: boolean; }; declare const VideoCarousel: VideoCarouselType; interface IContainer { children: React__default.ReactNode; isFlex?: boolean; maxWidth?: string; styles?: {}; } declare const Container: React__default.FC; type TabItemProps = { id: string; label: string; icon?: React__default.ReactNode | string; tag?: string; panel?: React__default.ReactNode; linkProps?: LinkWrapperProps; type?: string; }; type TabsProps = { tabs: TabItemProps[]; selectedTab: string; onChange?: (id: string) => void; isScrollable?: boolean; tabUnderlineColor?: string; styles?: {}; tabListStyles?: {}; tabStyles?: {}; tagStyles?: {}; iconStytes?: IconProps; panelStyles?: {}; theme?: ThemeStyles; }; declare const Tabs: React__default.FC; interface HeadlineCarouselItemProps { tag?: string; title: string; linkProps?: LinkWrapperProps; } interface HeadlineCarouselProps { items: HeadlineCarouselItemProps[]; autoPlay?: boolean; interval?: number; paginationColor?: { active?: string; inactive?: string; }; styles?: {}; tagStyles?: {}; titleStyles?: {}; isLoading?: boolean; onItemClick?: (item: HeadlineCarouselItemProps, index: number) => void; } declare const HeadlineCarousel: React__default.FC; interface BannerProps { url?: string; styles?: {}; background: { desktop: string; mobile: string; alt?: string; styles?: {}; }; logo?: { src: string; alt?: string; styles?: object; }; button?: { text: string; styles?: object; }; onClick?: () => void; } declare const Banner: React__default.FC; interface ContentCardProps { articleProps: ArticleProps$1; buttonProps?: PrimaryButtonProps; theme?: ThemeStyles$1; isSmallCard?: boolean; } interface ICombineFeaturedTab { theme?: 'default' | 'dark'; tabProps: TabsProps; navigationChipsProps?: NavigationChipsProps; sectionTitleProps?: ActionHeaderProps; primaryTitleProps?: ActionHeaderProps; primaryDescriptionProps?: { icon?: React__default.ReactNode | string; title?: string; extraTitle?: string; styles?: {}; }; secondaryTitleProps?: ActionHeaderProps; itemList?: ContentCardProps[]; secondaryItemList?: ContentCardProps[]; isLoading?: boolean; } declare const CombineFeaturedTab: React__default.FC; type LabelProps = { styles?: BaseStyles; text?: string; iconProps?: IconProps; node?: React__default.ReactNode; }; type ImageProps = { styles?: BaseStyles; src?: string; alt?: string; description?: string; linkProps?: LinkWrapperProps; ratio?: string; isCalcRatio?: boolean; fullWidth?: any; imageProps?: any; }; type OverlayTextProps = { overlayTextProps?: any; }; type ArticleImageProps = { children?: React__default.ReactNode; className?: string; styles?: BaseStyles; fullWidth?: boolean; imageProps?: ImageProps; bottomLeftLabelProps?: LabelProps; bottomRightLabelProps?: LabelProps; overlayTextProps?: OverlayTextProps; iconProps?: IconProps; isLoading?: boolean; isCardStyle?: boolean; isCalcRatio?: boolean; ratio?: string; borderRadius?: string; }; type ArticleTitleProps = { styles?: BaseStyles; text?: string; maxLineCount?: number; truncateText?: string; elementType?: React__default.ElementType; textTrunateElementType?: string; textTruncateChild?: string; useTextTruncate?: boolean; children?: any; linkProps?: LinkWrapperProps; }; type ArticleBodyProps = { styles?: BaseStyles; text?: string; maxLineCount?: number; truncateText?: string; elementType?: React__default.ElementType; textTrunateElementType?: string; textTruncateChild?: string; useTextTruncate?: boolean; children?: any; setInnerHTML?: boolean; }; type ArticleStampProps = { styles?: BaseStyles; text?: string; children?: any; }; type ArticleTagProps = { styles?: BaseStyles; text?: string; children?: any; }; type ArticleTextProps = { styles?: BaseStyles$1; className?: string; children?: React.ReactNode; childOrder?: typeof TYPES_OF_CHILDREN_IN_ORDER; hasTopSpacing?: boolean | undefined; hasLeftSpacing?: boolean | undefined; smallSpacing?: boolean | undefined; fontColor?: string | null; titleProps?: ArticleTitleProps; bodyProps?: ArticleBodyProps; stampProps?: ArticleStampProps; tagProps?: ArticleTagProps; linkProps?: LinkWrapperProps; showBody?: boolean; }; declare const TYPES_OF_CHILDREN_IN_ORDER: string[]; interface ArticleCardProps { children?: React.ReactNode; className?: string; styles?: BaseStyles$1; isLoading?: boolean; articleImageProps?: ArticleImageProps; articleTextProps?: ArticleTextProps; setInnerHTML?: boolean; isRow?: boolean; borderRadius?: string; onClick?: () => void; } declare const ArticleCard: React__default.FC; interface IHeaderCoverCard { title: string; videoUrl: string; thumbnailUrl: string; duration?: string; } interface IHeaderCover { responsiveImageProps: ResponsiveImageProps; cardList: IHeaderCoverCard[]; cardStyle?: {}; cardListStyle?: {}; videoStyle?: {}; titleStyle?: React__default.CSSProperties; onCardClick?: (card: IHeaderCoverCard, index: number) => void; isEnterntainmentArticleCard?: boolean; } declare function HeaderCover({ responsiveImageProps, cardList, cardStyle, cardListStyle, videoStyle, titleStyle, onCardClick, isEnterntainmentArticleCard, }: IHeaderCover): _emotion_react_jsx_runtime.JSX.Element; declare namespace HeaderCover { var defaultProps: { isEnterntainmentArticleCard: boolean; }; } interface MarqueeProps { items: Array; imageWidth?: string; imageHeight?: string; toRight?: boolean; textColor?: string; animationDuration: string; animationEasing: string; } interface MarqueeItemProps { image?: string; alt?: string; text?: string; } declare const Marquee: React__default.FC; interface CountdownTimerProps { endDate: { year: number; month: number; day: number; hour?: number; minute?: number; }; text?: { title?: string; days?: string; hours?: string; minutes?: string; seconds?: string; color?: string; }; background: ResponsiveImageProps; styles: {}; } declare const CountdownTimer: React__default.FC; interface SponsorSectionProps { background?: string; styles?: {}; title?: SponsorSectionTextProps; body?: SponsorSectionTextProps; image: { desktop: string; mobile: string; alt?: string; }; content: { title?: SponsorSectionTextProps; cardStyles?: { root?: {}; title?: {}; }; cards: [ SponsorSectionCardsProps, SponsorSectionCardsProps, SponsorSectionCardsProps, SponsorSectionCardsProps ]; }; onCardClick?: (card: SponsorSectionCardsProps, index: number) => void; } interface SponsorSectionCardsProps { image: { src: string; alt?: string; }; url?: string; title: string; } interface SponsorSectionTextProps { text: string; styles?: {}; } /** * Note: Section background CSS is configured in DF but applied in SponsorSectionContainer in main vortal */ declare const SponsorSection: React__default.FC; interface IMerchadisesCarouselItem { image: string; cartImage?: string; title: string; description?: string; linkProps?: LinkWrapperProps; styles?: {}; } interface IMerchandisesCarousel { title?: string; description?: string; items: IMerchadisesCarouselItem[]; styles?: { root?: {}; title?: {}; description?: {}; }; onItemClick?: (item: IMerchadisesCarouselItem, index: number) => void; } declare const MerchandisesCarousel: React__default.FC; interface FloatingIconProps { name?: string; image: { desktop: string; mobile: string; alt?: string; styles?: {}; }; styles?: {}; onClick: () => void; isDraggable?: boolean; } declare const FloatingIcon: React__default.FC; interface VideoTabArticleProps extends ArticleProps$1 { id?: string | number; } interface VideoTabProps { titleProps?: { title?: string; }; theme: ThemeStyles; articleTagTheme?: ThemeStyles; tabProps: TabsProps; navigationChipsProps?: NavigationChipsProps; articleList: VideoTabArticleProps[]; footerProps?: { linkProps: LinkWrapperProps; iconProps: IconProps; }; isLoading?: boolean; } declare function VideoTab(props: VideoTabProps): _emotion_react_jsx_runtime.JSX.Element; type ArticleSectionGridProps = { className?: string; styles?: BaseStyles$1; actionHeaderProps?: ActionHeaderProps; list: ArticleProps$1[]; isFeaturedCardList: boolean; isLoading?: boolean; tabProps?: TabsProps; }; declare const ArticleSectionGrid: React__default.FC; type HeroStoryProps = { className?: string; styles?: BaseStyles; actionHeaderProps?: ActionHeaderProps; list: ArticleProps$1[]; trendingTitleProps?: ActionHeaderProps; trendingList?: ArticleProps$1[]; children?: ReactNode; isLoading?: boolean; overlayProps: ArticleTextProps$2; onOverlayClick?: () => void; }; declare const HeroStory: React__default.FC; interface ImageListImage extends ImageProps$1 { isExternal?: boolean; openInNewTab?: boolean; link?: string; } interface ImageListProps { styles?: { root: React__default.CSSProperties; }; ImageProps?: { styles?: { root: {}; }; items?: ImageListImage[]; }; dividerProps?: { styles?: { root: React__default.CSSProperties; }; }; } interface ToggleButtonItemProps { isActive?: boolean; text?: string; onClick?: () => void; } interface ToggleButtonProps { children?: React__default.ReactNode; className?: string; styles?: BaseStyles; color?: string; firstItemProps?: ToggleButtonItemProps; secondItemProps?: ToggleButtonItemProps; onClick?: () => void; } interface SearchBoxProps { styles?: { root: {}; }; inputProps?: { styles?: { root: {}; }; placeholder?: string; }; actionAfterSubmit?: (func: () => void) => void; onSearch?: (val: string) => void; placeholder?: string; } interface HamburgerMenuHeaderProps { styles?: BaseStyles; titleProps?: { styles?: BaseStyles; title: string; }; closeButtonProps: { styles?: BaseStyles; theme?: IconThemeProps; size?: IconSizeProps; }; logoProps?: ImageListProps; } interface HamburgerMenuDropDownItemsProps { id?: string; link?: string; text?: string; isExternal?: boolean; openInNewTab?: boolean; onClick?: () => void; } interface HamburgerMenuItemProps { styles?: BaseStyles; itemStyle?: SerializedStyles | {}; itemContainerStyle?: SerializedStyles | {}; id?: string; text: string; leftIconProps?: IconProps; iconProps?: IconProps; link?: string; onClick?: () => void; isExternal?: boolean; openInNewTab?: boolean; linkProps?: LinkWrapperProps; dropdownItems?: HamburgerMenuDropDownItemsProps[]; } interface HamburgerSubMenuStyleProps { subMenuItemStyle?: {}; } interface HamburgerMenuProps { mainStyles?: any; hamburgerMenuStyle?: any; hamburgerStyle?: any; hamburgerSubMenuStyle?: HamburgerSubMenuStyleProps; hamburgerSubMenuProps?: { subMenuNavTitle: string; }; headerProps?: HamburgerMenuHeaderProps; searchBoxProps?: SearchBoxProps; stickyBottomProps?: { styles?: BaseStyles; itemStyles?: SerializedStyles | {}; items?: { text: string; link?: string; onClick?: () => void; }[]; }; listParentProps?: { styles?: BaseStyles; }; list: HamburgerMenuItemProps[]; hideSearchBox?: boolean; menuSlideDirection?: 'left' | 'right'; } interface HeaderWithHamburgerProps { styles?: { root: {}; }; className?: string; hideIconList?: boolean; minwidth?: string; topNavigationTabsProps?: NavigationTabsProps; mainHeaderStyles?: {}; hamburgerMenuProps?: HamburgerMenuProps; logosProps?: ImageListProps; navigationTabsProps?: NavigationTabsProps; rightNavigationTabsProps?: NavigationTabsProps; subNavigationTabsProps?: NavigationTabsProps; toggleButtonProps?: ToggleButtonProps; } declare const HeaderWithHamburger: React__default.FC; type NewsletterProps = { value?: string; styles?: BaseStyles$1; articleTextProps: ArticleTextProps$2; stampProps: ArticleStampProps$1; textInputProps: TextInputProps; primaryButtonProps: PrimaryButtonProps; formProps: NewsletterFormProps; imageProps: { src: string; title?: string; width?: string; height?: string; styles?: { root: any; }; }; borderImage: string; isSuccess?: boolean; isError?: boolean; isLoading?: boolean; onChange: (event: React.ChangeEvent) => void; onSubmit: () => void; clearInput: () => void; isMobileLayout?: boolean; }; type NewsletterFormProps = { tagText?: string; titleText?: string; descriptionText?: string; labelText?: string; successTitleText?: string; successDescriptionText?: string; errorText?: string; tncText?: string; successButtonText?: string; buttonText?: string; }; declare const Newsletter: React__default.FC; interface ProgramCardProps { name?: string; date?: string; time?: string; day?: string; description?: string; logosProps?: ImageProps$1[]; imageProps?: ImageProps$1; styles?: BaseStyles$1; isLoading?: boolean; maxLineCount?: string; } declare const ProgramCard: React__default.FC; interface ProgramGridProps { styles?: BaseStyles$1; actionHeaderProps?: ActionHeaderProps$1; list: ProgramCardProps[]; isLoading: boolean; tabProps?: TabsProps$1; } declare const ProgramGrid: React__default.FC; interface TagProps { label: string; selected: boolean; value?: string | number; data?: {}; } interface TagChipsProps { tags: TagProps[]; limit: number; styles: BaseStyles$1; callback?: (val: TagProps[]) => void; } declare const TagChips: React__default.FC; declare const useMediaQuery: () => { isMobile: boolean; isTablet: boolean; isDesktop: boolean; isBiggerDesktop: boolean; isGiantDesktop: boolean; }; type LoginCardProps = { styles?: { root: {}; }; cardImageProps?: ImageProps$1; cardTitleProps?: { title: string; styles?: { root: {}; }; }; cardDescriptionProps?: { description: string; styles?: { root: {}; }; }; cardButtonProps?: { styles?: { root: {}; }; }; primaryButtonProps: PrimaryButtonProps$1; secondaryButtonProps?: PrimaryButtonProps$1; articleTextProps?: ArticleTextProps$2; }; declare const LoginCard: React__default.FC; declare const version = "0.0.1"; declare const packageName = "@astro-my/design-systems-gempak"; export { ActionHeader, AngleDownIcon, AngleRightIcon, ArrowDownIcon, ArrowUpIcon, Article, ArticleCard, ArticleGrid, ArticleImage, ArticleList, ArticleListWidget, ArticleSectionGrid, ArticleText, AspectRatio, AvatarIcon, Banner, CameraIcon, CarouselHeroGrid, CarouselList, CircledCrossIcon, CloseBoldIcon, CloseMediumIcon, CombineFeaturedTab, _default$1 as Constraints, Container, CopyIcon, CountdownTimer, CrossIcon, CrossPromoList, HeroStory as EntertainmentHeroStory, ExclamationIcon, FacebookIcon, FloatingIcon, Footer, Grid, HamburgerIcon, HeaderWithHamburger as Header, HeaderCover, HeadlineCarousel, Icon, IconList, Image, ImageCarousel, InputButton, InstagramIcon, Link, LiveScoreIcon, LoginCard, ManageIcon, Marquee, MastheadBanner, MenuIcon, MerchandisesCarousel, Modal, NavigationChips, NavigationTabs, Newsletter, NewsletterWidget, PauseIcon, PersonalisationIcon, PlayIcon, PrimaryButton, ProgramCard, ProgramGrid, RefreshIcon, ResponsiveImage, SearchIcon, SearchSecondIcon, Section, SettingsIcon, _default as Spacings, SponsorSection, Tabs, TagChips, TextTruncate as TextEllepsisTruncate, TwitterIcon, VideoCarousel$1 as VideoCarousel, VideoCarousel as VideoCarouselV2, VideoPlayIcon, VideoPlaySmallIcon, VideoTab, WidgetContainer, YoutubeIcon, _default$2 as customProperties, packageName, useMediaQuery, version };