@yamada-ui/react/dist/cjs/components/flex/flex.cjs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

"use client";


const require_create_component = require('../../core/components/create-component.cjs');
const require_flex_style = require('./flex.style.cjs');

//#region src/components/flex/flex.tsx
const { PropsContext: FlexPropsContext, usePropsContext: useFlexPropsContext, withContext } = require_create_component.createComponent("flex", require_flex_style.flexStyle);
/**
* `Flex` is a component that sets `flex` to `Box`. Also, convenient style shorthand is available.
*
* @see https://yamada-ui.com/docs/components/flex
*/
const Flex = withContext("div")(void 0, ({ align: alignItems, basis: flexBasis, direction: flexDirection, grow: flexGrow, justify: justifyContent, shrink: flexShrink, wrap: flexWrap,...rest }) => ({
	alignItems,
	flexBasis,
	flexDirection,
	flexGrow,
	flexShrink,
	flexWrap,
	justifyContent,
	...rest
}));

//#endregion
exports.Flex = Flex;
exports.FlexPropsContext = FlexPropsContext;
exports.useFlexPropsContext = useFlexPropsContext;
//# sourceMappingURL=flex.cjs.map