@gechiui/components
Version:
UI components for GeChiUI.
35 lines (31 loc) • 1.01 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@gechiui/element";
/**
* Internal dependencies
*/
import { contextConnect } from '../../ui/context';
import { View } from '../../view';
import { useFlexItem } from './hook';
/**
* @param {import('../../ui/context').GeChiUIComponentProps<import('../types').FlexItemProps, 'div'>} props
* @param {import('react').Ref<any>} forwardedRef
*/
function FlexItem(props, forwardedRef) {
const flexItemProps = useFlexItem(props);
return createElement(View, _extends({}, flexItemProps, {
ref: forwardedRef
}));
}
/**
* `FlexItem` is a primitive layout component that aligns content within layout containers like `Flex`.
*
* @example
* ```jsx
* <Flex>
* <FlexItem>...</FlexItem>
* </Flex>
* ```
*/
const ConnectedFlexItem = contextConnect(FlexItem, 'FlexItem');
export default ConnectedFlexItem;
//# sourceMappingURL=component.js.map