'use client'
import { forwardRef } from 'react'
import { Box, BoxProps } from '../Box'
import { useTapable } from '../useTapable'

export interface TapableProps extends BoxProps {}

export let Tapable = forwardRef<any, TapableProps>(function Tapable(
  props: TapableProps,
  ref,
) {
  let ariaProps = useTapable(props, ref)
  return <Box {...props} {...ariaProps} />
})

export default Tapable
