import { ComponentType, ReactElement } from 'react'

type Props = { [key: string]: any }

export { Badge } from './Badge'
export type { BadgeProps } from './Badge'

export { BaseProvider } from './BaseProvider'
export type { BaseProviderProps, ThemeOptions, Theme, ThemeMetadata } from './BaseProvider'

export { BlockQuote } from './BlockQuote'
export type { BlockQuoteProps } from './BlockQuote'

export { Breadcrumbs } from './Breadcrumbs'
export type { BreadcrumbsProps, BreadcrumbRouteProps } from './Breadcrumbs'

export { BreadcrumbItem } from './BreadcrumbItem'
export type { BreadcrumbItemProps } from './BreadcrumbItem'

export { Callout } from './Callout'
export type { CalloutProps } from './Callout'

export { Card } from './Card'
export type { CardProps } from './Card'

export { Cell } from './Cell'
export type { CellProps } from './Cell'

export { ControlBar } from './ControlBar'
export type { ControlBarProps } from './ControlBar'

export { DatePicker } from './DatePicker'
export type { DatePickerProps } from './DatePicker'

export { Disclaimer } from './Disclaimer'
export type { DisclaimerProps } from './Disclaimer'

export { FileUpload } from './FileUpload'
export type { FileUploadProps, FileUploadTokens } from './FileUpload'

export { Footnote } from './Footnote'
export type { FootnoteProps } from './Footnote'

export { FootnoteLink } from './FootnoteLink'
export type { FootnoteLinkProps } from './FootnoteLink'

export { IconButton } from './IconButton'
export type { IconButtonProps } from './IconButton'

export { Image } from './Image'
export type { ImageProps } from './Image'

export { Listbox } from './Listbox'
export type { ListboxProps } from './Listbox'

export { MultiSelectFilter } from './MultiSelectFilter'
export type { MultiSelectFilterProps } from './MultiSelectFilter'

export { NavigationBar } from './NavigationBar'
export type { NavigationBarProps, NavigationBarItem } from './NavigationBar'

export { OptimizeImage } from './OptimizeImage'
export type { OptimizeImageProps } from './OptimizeImage'

export { OrderedList } from './OrderedList'
export type { OrderedListProps, OrderedListItemProps } from './OrderedList'

export { Paragraph } from './Paragraph'
export type { ParagraphProps } from './Paragraph'

export { PreviewCard } from './PreviewCard'
export type { PreviewCardProps } from './PreviewCard'

export { PriceLockup } from './PriceLockup'
export type { PriceLockupProps } from './PriceLockup'

export { Progress } from './Progress'
export type { ProgressProps, ProgressBarProps } from './Progress'

export { QuantitySelector } from './QuantitySelector'
export type { QuantitySelectorProps } from './QuantitySelector'

export { ResponsiveImage } from './ResponsiveImage'
export type { ResponsiveImageProps } from './ResponsiveImage'

export { SkeletonProvider } from './SkeletonProvider'
export type { SkeletonProviderProps } from './SkeletonProvider'

export { Span } from './Span'
export type { SpanProps } from './Span'

export { Spinner } from './Spinner'
export type { SpinnerProps } from './Spinner'

export { StoryCard } from './StoryCard'
export type { StoryCardProps } from './StoryCard'

export { Table } from './Table'
export type { TableProps } from './Table'

export { TermsAndConditions } from './TermsAndConditions'
export type { TermsAndConditionsProps } from './TermsAndConditions'

export { Testimonial } from './Testimonial'
export type { TestimonialProps } from './Testimonial'

export { Toast } from './Toast'
export type { ToastProps, ToastLink } from './Toast'

export { TooltipButton } from './TooltipButton'
export type { TooltipButtonProps } from './TooltipButton'

export { Video } from './Video'
export type { VideoProps } from './Video'

export { VideoPicker } from './VideoPicker'
export type { VideoPickerProps } from './VideoPicker'

export { WaffleGrid } from './WaffleGrid'
export type { WaffleGridProps } from './WaffleGrid'

export { WebVideo } from './WebVideo'
export type { WebVideoProps } from './WebVideo'

export {
  A11yText,
  ActivityIndicator,
  Autocomplete,
  Box,
  Button,
  ButtonDropdown,
  Carousel,
  Checkbox,
  ChevronLink,
  Countdown,
  Divider,
  ExpandCollapse,
  ExpandCollapseMini,
  Feedback,
  FlexGrid,
  Icon,
  InputLabel,
  Link,
  Modal,
  Notification,
  Pagination,
  QuickLinks,
  QuickLinksFeature,
  Radio,
  RadioCard,
  Ribbon,
  Search,
  Select,
  SideNav,
  Skeleton,
  Spacer,
  StackView,
  StepTracker,
  Tabs,
  Tags,
  TextButton,
  TextInput,
  Timeline,
  ToggleSwitch,
  Tooltip,
  Typography
} from '@telus-uds/components-base'

export type {
  A11yTextProps,
  ActivityIndicatorProps,
  AutocompleteProps,
  AutocompleteItem,
  BoxProps,
  BoxVariants,
  BoxTokens,
  ButtonProps,
  ButtonPressableState,
  ButtonDropdownProps,
  ButtonDropdownTokens,
  ButtonDropdownVariants,
  CarouselProps,
  CarouselItemProps,
  CheckboxProps,
  CheckboxTokens,
  ChevronLinkProps,
  ChevronLinkTokens,
  CountdownProps,
  CountdownTokens,
  CountdownVariants,
  HrefProps,
  DividerProps,
  DividerVariants,
  DividerTokens,
  ExpandCollapseProps,
  ExpandCollapsePanelProps,
  ExpandCollapseVariants,
  ExpandCollapseTokens,
  ExpandCollapseControlTokens,
  ExpandFnProps,
  ExpandCollapseMiniProps,
  FeedbackProps,
  FlexGridProps,
  FlexGridRowProps,
  FlexGridColProps,
  IconProps,
  IconTokens,
  IconVariant,
  IconPositionLeftRight,
  InputLabelProps,
  LinkProps,
  LinkAndTextButtonVariants,
  LinkTokens,
  HrefAttrs,
  ModalProps,
  NotificationProps,
  PaginationProps,
  PaginationPageButtonProps,
  QuickLinksProps,
  QuickLinksItemProps,
  QuickLinksFeatureProps,
  QuickLinksFeatureItemProps,
  RadioProps,
  RadioCardProps,
  RibbonProps,
  RibbonVariants,
  RibbonTokens,
  SearchProps,
  SearchTokens,
  SelectProps,
  SelectTokens,
  SelectItemProps,
  SelectGroupProps,
  SideNavProps,
  SideNavItemsGroupProps,
  SideNavItemProps,
  SkeletonProps,
  SpacerProps,
  StackViewProps,
  StackViewTokens,
  StepTrackerProps,
  TabsProps,
  TabsTokens,
  TabsVariant,
  TabsItem,
  TabSelectorProps,
  TagsProps,
  TagItem,
  TextButtonProps,
  TextInputProps,
  TimelineProps,
  ToggleSwitchProps,
  ToggleSwitchTokens,
  TooltipProps,
  TooltipTokens,
  TooltipVariants,
  TypographyProps,
  TypographyVariants,
  TypographyTokens
} from '@telus-uds/components-base'

declare const ssrStyles: (appName?: string) => {
  renderApp: (App: ComponentType<Props>, props: Props) => ReactElement<Props>
  getStyles: (...existingStyles: any[]) => any[]
}

declare const BaseModal: ComponentType<Props>
declare const ButtonGroup: ComponentType<Props>
declare const ButtonLink: ComponentType<Props>
declare const CheckboxGroup: ComponentType<Props>
declare const RadioGroup: ComponentType<Props>
declare const RadioCardGroup: ComponentType<Props>
declare const StackWrap: ComponentType<Props>
declare const TextArea: ComponentType<Props>
declare const ToggleSwitchGroup: ComponentType<Props>

export interface ResponsivePropArgs<T> {
  xs?: T | null
  sm?: T | null
  md?: T | null
  lg?: T | null
  xl?: T | null
}
declare const useResponsiveProp: <T>(prop: ResponsivePropArgs<T>, defaultValue?: T) => T
declare const useViewport: () => 'xs' | 'sm' | 'md' | 'lg' | 'xl'

export {
  ssrStyles,
  BaseModal,
  ButtonGroup,
  ButtonLink,
  CheckboxGroup,
  RadioGroup,
  RadioCardGroup,
  StackWrap,
  TextArea,
  ToggleSwitchGroup,
  useResponsiveProp,
  useViewport
}