@yamada-ui/react/dist/esm/core/css/display.js

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

import { visuallyHiddenAttributes } from "../../utils/dom.js";

//#region src/core/css/display.ts
function display(value, { prev }) {
	switch (value) {
		case "center": return {
			display: "flex",
			placeContent: prev?.placeContent ?? "center",
			placeItems: prev?.placeItems ?? "center"
		};
		case "inline-center": return {
			display: "inline-flex",
			placeContent: prev?.placeContent ?? "center",
			placeItems: prev?.placeItems ?? "center"
		};
		case "absolute-center": return {
			insetBlockStart: "50%",
			insetInlineStart: "50%",
			position: "absolute",
			translateX: "-50%",
			translateY: "-50%"
		};
		case "hidden": return visuallyHiddenAttributes.style;
		default: return value;
	}
}

//#endregion
export { display };
//# sourceMappingURL=display.js.map