import type {ViewProps} from '@tarojs/components'
import {CSSProperties, FunctionComponent} from 'react'

export interface TouchViewProps extends ViewProps {
  style?: CSSProperties
  fontSize?: number
  color?: 'primary' | 'secondary' | 'tertiary' | 'quarternary' | string
  backgroundColor?:
    | 'back-primary'
    | 'back-secondary'
    | 'back-tertiary'
    | 'back-quarternary'
    | 'fill-primary'
    | 'fill-secondary'
    | 'fill-tertiary'
    | 'fill-quarternary'
    | 'fill-nonopasep'
    | 'fill-opasep'
    | string
  flexDirection?: 'row' | 'column'
  justifyContent?:
    | 'flex-start'
    | 'flex-end'
    | 'center'
    | 'space-between'
    | 'space-around'
    | 'space-evenly'
  alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'
}

declare const TouchView: FunctionComponent<TouchViewProps>

export {TouchView}