@yamada-ui/react/dist/esm/components/blockquote/blockquote.style.js

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

import { defineComponentSlotStyle } from "../../core/system/config.js";

//#region src/components/blockquote/blockquote.style.ts
const blockquoteStyle = defineComponentSlotStyle({
	base: {
		caption: {
			color: "muted",
			fontSize: "sm"
		},
		cite: {},
		content: {},
		icon: {
			fontSize: "xl",
			left: "0",
			position: "absolute",
			top: "0.5"
		},
		root: {
			display: "flex",
			flexDirection: "column",
			gap: "sm",
			position: "relative"
		}
	},
	props: { justify: {
		center: { root: {
			alignItems: "center",
			textAlign: "center"
		} },
		end: { root: {
			alignItems: "end",
			textAlign: "end"
		} },
		start: { root: {
			alignItems: "start",
			textAlign: "start"
		} }
	} },
	variants: {
		plain: {
			icon: { color: "colorScheme.solid" },
			root: { _hasIcon: { ps: "lg" } }
		},
		solid: {
			icon: { color: "colorScheme.solid" },
			root: {
				borderStart: "4px solid {colorScheme.solid}",
				px: "md"
			}
		},
		subtle: {
			icon: { color: "colorScheme.fg" },
			root: {
				borderStart: "4px solid {colorScheme.muted}",
				px: "md"
			}
		}
	},
	defaultProps: {
		variant: "subtle",
		justify: "start"
	}
});

//#endregion
export { blockquoteStyle };
//# sourceMappingURL=blockquote.style.js.map