curls
Version:
💪 Responsive, expressive UI primitives for React written with Style Hooks and Emotion
33 lines (29 loc) • 1.03 kB
JavaScript
function _extends() {
_extends =
Object.assign ||
function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i]
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key]
}
}
}
return target
}
return _extends.apply(this, arguments)
}
import {createStyleHook} from '@style-hooks/core'
import {useBox} from '../Box'
import createComponent from '../createComponent'
import * as styles from './styles'
export const useGridItem = createStyleHook('gridItem', styles),
GridItem = createComponent('div', props => useBox(useGridItem(props)))
if (process.env.NODE_ENV !== 'production') {
const propTypes = require('./propTypes').default,
boxPropTypes = require('../Box/propTypes').default,
flexPropTypes = require('../Flex/propTypes').default
GridItem.displayName = 'GridItem'
GridItem.propTypes = _extends({}, propTypes, boxPropTypes, flexPropTypes)
}