import type { ComponentType, ReactNode } from 'react'

export type ViewportKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl'

export interface ResponsiveProps {
  min?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
  max?: 'sm' | 'md' | 'lg' | 'xl'
  inheritedStyles?: string[]
  children: ReactNode
}

declare const Responsive: ComponentType<ResponsiveProps>

export { Responsive }