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

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

"use client";


const require_utils_index = require('../../utils/index.cjs');
const require_var = require('../../core/system/var.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_float_style = require('./float.style.cjs');

//#region src/components/float/float.tsx
const { PropsContext: FloatPropsContext, usePropsContext: useFloatPropsContext, withContext } = require_create_component.createComponent("float", require_float_style.floatStyle);
/**
* `Float` is a component used to anchor an element to the edge of a container.
*
* @see https://yamada-ui.com/docs/components/float
*/
const Float = withContext("div")(void 0, ({ offset,...rest }) => {
	const [offsetBlock, offsetInline] = (0, require_utils_index.utils_exports.isArray)(offset) ? offset : [offset, offset];
	return {
		"--offset-block": require_var.varAttr(offsetBlock, "spaces"),
		"--offset-inline": require_var.varAttr(offsetInline, "spaces"),
		...rest
	};
});

//#endregion
exports.Float = Float;
exports.FloatPropsContext = FloatPropsContext;
exports.useFloatPropsContext = useFloatPropsContext;
//# sourceMappingURL=float.cjs.map