import { c } from "react-compiler-runtime";
import { useState } from "react";
//#region src/utilities/style/verticalStyles.js
const verticalPrimary = (vertical) => {
	if (vertical === "manage") return "#2951B8";
	else if (vertical === "engage") return "#9A1A5F";
	else if (vertical === "play") return "#008383";
	else if (vertical === "build") return "#CE4A00";
	else if (vertical === "unity") return "#0C2F50";
	else if (vertical === "sap") return "#344861";
	else return "#161616";
};
const verticalSecondary = (vertical) => {
	if (vertical === "manage") return "#09A58C";
	else if (vertical === "engage") return "#322514";
	else if (vertical === "play") return "#500472";
	else if (vertical === "build") return "#bf0d10";
	else if (vertical === "unity") return "#03BBC3";
	else if (vertical === "sap") return "#9eb0c2";
	else return "#0f62fe";
};
const useTypeScale = () => {
	const $ = c(31);
	let t0;
	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
		t0 = {
			size: "4rem",
			weight: 600,
			lineHeight: "4.5rem",
			letterSpacing: -1.5
		};
		$[0] = t0;
	} else t0 = $[0];
	const [h1] = useState(t0);
	let t1;
	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
		t1 = {
			size: "2.5rem",
			weight: 300,
			lineHeight: 1,
			letterSpacing: -.5
		};
		$[1] = t1;
	} else t1 = $[1];
	const [h2] = useState(t1);
	let t2;
	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
		t2 = {
			size: "2rem",
			weight: 400,
			lineHeight: "2.5rem",
			letterSpacing: 0
		};
		$[2] = t2;
	} else t2 = $[2];
	const [h3] = useState(t2);
	let t3;
	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
		t3 = {
			size: "1.5rem",
			weight: 400,
			lineHeight: "2rem",
			letterSpacing: .25
		};
		$[3] = t3;
	} else t3 = $[3];
	const [h4] = useState(t3);
	let t4;
	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
		t4 = {
			size: "1.375rem",
			weight: 400,
			lineHeight: "1.75rem",
			letterSpacing: 0
		};
		$[4] = t4;
	} else t4 = $[4];
	const [h5] = useState(t4);
	let t5;
	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
		t5 = {
			size: "1.1875rem",
			weight: 600,
			lineHeight: "1.5rem",
			letterSpacing: .15
		};
		$[5] = t5;
	} else t5 = $[5];
	const [h6] = useState(t5);
	let t6;
	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
		t6 = {
			size: "1rem",
			weight: 400,
			lineHeight: "1.5rem",
			letterSpacing: .15
		};
		$[6] = t6;
	} else t6 = $[6];
	const [subtitle1] = useState(t6);
	let t7;
	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
		t7 = {
			size: "0.875rem",
			weight: 600,
			lineHeight: "1.25rem",
			letterSpacing: .1
		};
		$[7] = t7;
	} else t7 = $[7];
	const [subtitle2] = useState(t7);
	let t8;
	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
		t8 = {
			size: "0.75rem",
			weight: 600,
			lineHeight: "1rem",
			letterSpacing: .1
		};
		$[8] = t8;
	} else t8 = $[8];
	const [subtitle3] = useState(t8);
	let t9;
	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
		t9 = {
			size: "0.875rem",
			weight: 400,
			lineHeight: "1.5rem",
			letterSpacing: .5
		};
		$[9] = t9;
	} else t9 = $[9];
	const [body1] = useState(t9);
	let t10;
	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
		t10 = {
			size: "1rem",
			weight: 400,
			lineHeight: "1.5rem",
			letterSpacing: .25
		};
		$[10] = t10;
	} else t10 = $[10];
	const [body2] = useState(t10);
	let t11;
	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
		t11 = {
			size: "0.875rem",
			weight: 600,
			lineHeight: 1,
			letterSpacing: .15
		};
		$[11] = t11;
	} else t11 = $[11];
	const [button] = useState(t11);
	let t12;
	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
		t12 = {
			size: "0.75rem",
			weight: 600,
			lineHeight: 1,
			letterSpacing: .4
		};
		$[12] = t12;
	} else t12 = $[12];
	const [caption] = useState(t12);
	let t13;
	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
		t13 = {
			size: "0.65rem",
			weight: 400,
			lineHeight: 1,
			letterSpacing: .4
		};
		$[13] = t13;
	} else t13 = $[13];
	const [caption2] = useState(t13);
	let t14;
	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
		t14 = {
			size: "0.625rem",
			weight: 400,
			lineHeight: 1,
			letterSpacing: 1.5
		};
		$[14] = t14;
	} else t14 = $[14];
	const [overline] = useState(t14);
	let t15;
	if ($[15] !== body1 || $[16] !== body2 || $[17] !== button || $[18] !== caption || $[19] !== caption2 || $[20] !== h1 || $[21] !== h2 || $[22] !== h3 || $[23] !== h4 || $[24] !== h5 || $[25] !== h6 || $[26] !== overline || $[27] !== subtitle1 || $[28] !== subtitle2 || $[29] !== subtitle3) {
		t15 = [
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			body1,
			body2,
			subtitle1,
			subtitle2,
			subtitle3,
			button,
			caption,
			caption2,
			overline
		];
		$[15] = body1;
		$[16] = body2;
		$[17] = button;
		$[18] = caption;
		$[19] = caption2;
		$[20] = h1;
		$[21] = h2;
		$[22] = h3;
		$[23] = h4;
		$[24] = h5;
		$[25] = h6;
		$[26] = overline;
		$[27] = subtitle1;
		$[28] = subtitle2;
		$[29] = subtitle3;
		$[30] = t15;
	} else t15 = $[30];
	return t15;
};
const greyScale = (shade) => {
	let grey;
	if (shade === "light") grey = "#f6f6f6";
	else if (shade === "main") grey = "#eeeeee";
	else grey = "#262626";
	return grey;
};
//#endregion
export { greyScale, useTypeScale, verticalPrimary, verticalSecondary };

//# sourceMappingURL=verticalStyles.mjs.map