import { ReactNode } from 'react'
import { VectorProps } from '../Vector'

// paragraph or just text?
export type PlaceholderBreedType =
  | 'media'
  | 'image'
  | 'paragraph'
  | 'rectangle'
  | 'square'
  | 'circle'
  | 'round'
  | 'text'

export interface SVGSpecsProps {
  x: string | number
  y: string | number
  width: string | number
  height: string | number
  viewBox: string
}

export type StripedMeasurementType = string | number

export interface PlaceholderVectorProps extends VectorProps {
  width?: string | number
  height?: string | number
  viewBox?: string
  isDynamicViewBox?: boolean

  fill?: string
  stroke?: string
  style?: Object
  nowrap?: boolean
  key?: number | string
}

export interface PlaceholderProps extends PlaceholderVectorProps {
  className?: string
  children?: ReactNode
  breedType?: PlaceholderBreedType
}