@yamada-ui/react/dist/cjs/components/empty-state/empty-state.style.cjs

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

const require_config = require('../../core/system/config.cjs');

//#region src/components/empty-state/empty-state.style.ts
const emptyState = require_config.defineComponentSlotStyle({
	base: {
		content: {
			alignItems: "center",
			display: "flex",
			flexDirection: "column",
			justifyContent: "center"
		},
		description: {
			color: "fg.muted",
			fontSize: "sm"
		},
		indicator: {
			alignItems: "center",
			color: "fg.muted",
			display: "flex",
			justifyContent: "center"
		},
		root: {
			alignItems: "center",
			display: "flex",
			flexDirection: "column",
			justifyContent: "center",
			w: "full"
		},
		title: { fontWeight: "semibold" }
	},
	sizes: {
		sm: {
			content: { gap: "xs" },
			indicator: { fontSize: "4xl" },
			root: {
				gap: "sm",
				py: "sm"
			},
			title: { fontSize: "md" }
		},
		md: {
			content: { gap: "sm" },
			indicator: { fontSize: "5xl" },
			root: {
				gap: "md",
				py: "md"
			},
			title: { fontSize: "lg" }
		},
		lg: {
			content: { gap: "md" },
			indicator: { fontSize: "6xl" },
			root: {
				gap: "lg",
				py: "lg"
			},
			title: { fontSize: "xl" }
		}
	},
	defaultProps: { size: "md" }
});

//#endregion
exports.emptyState = emptyState;
//# sourceMappingURL=empty-state.style.cjs.map