import { ComponentType, ReactElement } from 'react'

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

export { default as Autocomplete } from './Autocomplete'
export type { AutocompleteProps, AutocompleteItem } from './Autocomplete'

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

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

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

export { default as Box } from './Box'
export type { BoxProps } from './Box'

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

export { default as Countdown } from './Countdown'
export type { CountdownProps } from './Countdown'

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

// Callout Exports
export { default as Callout } from './Callout'
export type { CalloutProps } from './Callout'

declare const Card: ComponentType<Props>

// DatePicker Exports
export { default as DatePicker } from './DatePicker'
export type { DatePickerProps } from './DatePicker'

declare const Disclaimer: ComponentType<Props>
declare const ExpandCollapseMini: ComponentType<Props>

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

// Listbox Exports
export { default as Listbox } from './Listbox'

declare const Footnote: ComponentType<Props> & {
  Link: ComponentType<Props>
}
declare const Image: ComponentType<Props>
declare const List: ComponentType<Props> & {
  Item: ComponentType<Props>
}
declare const Modal: ComponentType<Props>
declare const NavigationBar: ComponentType<Props>
declare const OptimizeImage: ComponentType<Props>
declare const OrderedList: ComponentType<Props> & {
  Item: ComponentType<Props>
}
declare const Paragraph: ComponentType<Props>
declare const PreviewCard: ComponentType<Props>
declare const PriceLockup: ComponentType<Props>
declare const Progress: ComponentType<Props> & {
  Bar: ComponentType<Props>
}
declare const ResponsiveImage: ComponentType<Props>
declare const Ribbon: ComponentType<Props>
declare const SkeletonProvider: ComponentType<Props>
declare const Span: ComponentType<Props>
declare const Spinner: ComponentType<Props>
declare const StoryCard: ComponentType<Props>
declare const Table: ComponentType<Props> & {
  Header: ComponentType<Props>
  Body: ComponentType<Props>
  Row: ComponentType<Props>
  SubHeading: ComponentType<Props>
  Cell: ComponentType<Props>
}
declare const TermsAndConditions: ComponentType<Props>
declare const Testimonial: ComponentType<Props>
declare const Toast: ComponentType<Props>
declare const Video: ComponentType<Props>
declare const VideoPicker: ComponentType<Props>
declare const WaffleGrid: ComponentType<Props>

// WebVideo Exports
export { default as WebVideo } from './WebVideo'
export type { WebVideoProps } from './WebVideo'

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

// Base Exports
declare const A11yText: ComponentType<Props>
declare const ActivityIndicator: ComponentType<Props>
declare const Button: ComponentType<Props>
declare const ButtonGroup: ComponentType<Props>
declare const ButtonLink: ComponentType<Props>
declare const Carousel: ComponentType<Props> & {
  Item: ComponentType<Props>
}
declare const Checkbox: ComponentType<Props>
declare const CheckboxGroup: ComponentType<Props>
declare const ChevronLink: ComponentType<Props>
declare const Divider: ComponentType<Props>
declare const ExpandCollapse: ComponentType<Props> & {
  Panel: ComponentType<Props>
}
declare const Feedback: ComponentType<Props>
declare const FlexGrid: ComponentType<Props> & {
  Row: ComponentType<Props>
  Col: ComponentType<Props>
}
declare const Icon: ComponentType<Props>
declare const InputLabel: ComponentType<Props>
declare const Link: ComponentType<Props>
declare const BaseModal: ComponentType<Props>
declare const Notification: ComponentType<Props>
declare const Pagination: ComponentType<Props> & {
  PageButton: ComponentType<Props>
}

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

declare const QuickLinks: ComponentType<Props> & {
  Item: ComponentType<Props>
}
declare const QuickLinksFeature: ComponentType<Props> & {
  Item: ComponentType<Props>
}
declare const Radio: ComponentType<Props>
declare const RadioGroup: ComponentType<Props>
declare const RadioCard: ComponentType<Props>
declare const RadioCardGroup: ComponentType<Props>
declare const Search: ComponentType<Props>
declare const Select: ComponentType<Props> & {
  Group: ComponentType<Props>
  Item: ComponentType<Props>
}
declare const SideNav: ComponentType<Props> & {
  ItemsGroup: ComponentType<Props>
  Item: ComponentType<Props>
}
declare const Skeleton: ComponentType<Props>
declare const Spacer: ComponentType<Props>
declare const StackView: ComponentType<Props>
declare const StackWrap: ComponentType<Props>
declare const StepTracker: ComponentType<Props>
declare const Tabs: ComponentType<Props>
declare const Tags: ComponentType<Props>
declare const TextButton: ComponentType<Props>
declare const TextArea: ComponentType<Props>
declare const TextInput: ComponentType<Props>
declare const ToggleSwitch: ComponentType<Props>
declare const ToggleSwitchGroup: ComponentType<Props>
declare const Timeline: ComponentType<Props>

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

export { default as Tooltip } from './Tooltip'
export type { TooltipProps } from './Tooltip'

export { default as Typography } from './Typography'
export type { TypographyProps } from './Typography'

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'

// Cross Platform Exports
declare const IconButton: ComponentType<Props>

export {
  Card,
  Disclaimer,
  ExpandCollapseMini,
  Footnote,
  Image,
  List,
  Modal,
  NavigationBar,
  OptimizeImage,
  OrderedList,
  Paragraph,
  PreviewCard,
  PriceLockup,
  Progress,
  ResponsiveImage,
  Ribbon,
  SkeletonProvider,
  Span,
  Spinner,
  StoryCard,
  Table,
  TermsAndConditions,
  Testimonial,
  Toast,
  Video,
  VideoPicker,
  WaffleGrid,
  ssrStyles,
  A11yText,
  ActivityIndicator,
  Button,
  ButtonGroup,
  ButtonLink,
  Carousel,
  Checkbox,
  CheckboxGroup,
  ChevronLink,
  Divider,
  ExpandCollapse,
  Feedback,
  FlexGrid,
  Icon,
  InputLabel,
  Link,
  BaseModal,
  Notification,
  Pagination,
  QuickLinks,
  QuickLinksFeature,
  Radio,
  RadioGroup,
  RadioCard,
  RadioCardGroup,
  Search,
  Select,
  SideNav,
  Skeleton,
  Spacer,
  StackView,
  StackWrap,
  StepTracker,
  Tabs,
  Tags,
  TextButton,
  TextArea,
  TextInput,
  ToggleSwitch,
  ToggleSwitchGroup,
  Timeline,
  useResponsiveProp,
  useViewport,
  IconButton
}