import { AmbientCard } from "../UI/surfaces/cards/AmbientCard/AmbientCard.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { Box } from "@material-ui/core";
//#region src/layout/HeaderLayout.jsx
const HeaderLayout = (t0) => {
	const $ = c(5);
	const { children } = t0;
	let t1;
	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
		t1 = {
			marginTop: 0,
			padding: 0
		};
		$[0] = t1;
	} else t1 = $[0];
	let t2;
	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
		t2 = { padding: "0px" };
		$[1] = t2;
	} else t2 = $[1];
	let t3;
	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
		t3 = {
			padding: "0px",
			width: "100%",
			gap: "10px"
		};
		$[2] = t3;
	} else t3 = $[2];
	let t4;
	if ($[3] !== children) {
		t4 = /* @__PURE__ */ React.createElement(AmbientCard, {
			style: t1,
			fullWidth: true
		}, /* @__PURE__ */ React.createElement(Box, {
			display: "flex",
			flexDirection: "column"
		}, /* @__PURE__ */ React.createElement(Box, {
			display: "flex",
			flexDirection: "column",
			alignItems: "flex-start",
			style: t2
		}, /* @__PURE__ */ React.createElement(Box, {
			display: "flex",
			flexDirection: "row",
			alignItems: "center",
			style: t3
		}, children))));
		$[3] = children;
		$[4] = t4;
	} else t4 = $[4];
	return t4;
};
//#endregion
export { HeaderLayout };

//# sourceMappingURL=HeaderLayout.mjs.map