import { c } from "react-compiler-runtime";
import React from "react";
import { makeStyles } from "@material-ui/core";
//#region src/inquiry/FlagBlock.jsx
const AlertTypeEnum = {
	default: { backgroundColor: "none" },
	success: { backgroundColor: "#F3FAF3" },
	error: { backgroundColor: "#FDF7F6" }
};
const useStyles = makeStyles((theme) => ({
	rootContainer: {
		boxSizing: "border-box",
		display: "flex",
		flexDirection: "column",
		justifyContent: "center",
		alignItems: "center",
		gap: theme.spacing(1.25),
		width: (props) => props?.width ? props?.width : "100%",
		height: (props) => props?.height ? props?.height : "77px",
		backgroundColor: (props) => AlertTypeEnum[props?.alertType?.toLowerCase()]?.backgroundColor || theme.palette.background.paper,
		borderWidth: "0px 1px",
		borderStyle: "solid",
		borderColor: "rgba(0, 0, 0, 0.12)"
	},
	textContainer: {
		display: "flex",
		flexDirection: "column",
		alignItems: "center",
		padding: "0px"
	}
}));
/**
* `FlagBlock` component
*/
const FlagBlock = (props) => {
	const $ = c(7);
	const { children, style } = props;
	const classes = useStyles(props);
	let t0;
	if ($[0] !== children || $[1] !== classes.textContainer) {
		t0 = /* @__PURE__ */ React.createElement("div", { className: classes.textContainer }, children);
		$[0] = children;
		$[1] = classes.textContainer;
		$[2] = t0;
	} else t0 = $[2];
	let t1;
	if ($[3] !== classes.rootContainer || $[4] !== style || $[5] !== t0) {
		t1 = /* @__PURE__ */ React.createElement("div", {
			className: classes.rootContainer,
			style
		}, t0);
		$[3] = classes.rootContainer;
		$[4] = style;
		$[5] = t0;
		$[6] = t1;
	} else t1 = $[6];
	return t1;
};
//#endregion
export { FlagBlock };

//# sourceMappingURL=FlagBlock.mjs.map