curls/dist/es/Drop/Drop.js

💪 Responsive, expressive UI primitives for React written with Style Hooks and Emotion

import {useStyles} from '@style-hooks/core'
import createRenderProp from '../createRenderProp'
import useToggleVisibility from '../useToggleVisibility'
import {assignDefaults} from '../utils'
import * as styles from './styles'

function _ref(props) {
  return useStyles('drop', styles, props)
}

export const useDrop = props =>
    useToggleVisibility(
      _ref,
      assignDefaults(
        {
          property: 'visibility, transform, opacity',
          fromBottom: true,
        },
        props
      )
    ),
  Drop = createRenderProp(useDrop)

if (process.env.NODE_ENV !== 'production') {
  const propTypes = require('../Slide/propTypes').default

  Drop.displayName = 'Drop'
  Drop.propTypes = propTypes
}