const r = (o) => {
  const { color: t, get: n, spacing: e } = o;
  return {
    ".amber": {
      backgroundColor: t("amber.40"),
      color: t("content.primary")
    },
    ".amber-select": {
      backgroundColor: `${t("amber.90")} !important`,
      color: `${t("content.inverse.strong")} !important`
    },
    ".green": {
      backgroundColor: t("green.70"),
      color: t("content.inverse.strong")
    },
    ".green-select": {
      backgroundColor: `${t("content.inverse.strong")} !important`,
      color: `${t("content.primary")} !important`
    },
    ".blue": {
      backgroundColor: t("blue.80"),
      color: t("content.inverse.strong")
    },
    ".blue-select": {
      backgroundColor: `${t("content.inverse.strong")} !important`,
      color: `${t("content.primary")} !important`
    },
    ".environment-select-dropdown": {
      position: "relative",
      display: "flex",
      width: "100%",
      padding: e(3, 6, 3, 6),
      cursor: "pointer",
      userSelect: "none",
      alignItems: "center",
      borderRadius: e(0.5),
      fontSize: n("fontSize.sm"),
      outline: `${e(0.5)} solid transparent`,
      outlineOffset: e(0.5),
      borderBottomWidth: "1px",
      borderColor: t("divider.medium"),
      "&:focus": {
        backgroundColor: t("grey.10")
      },
      "&[data='disabled']": {
        pointerEvents: "none",
        opacity: 0.5
      }
    },
    ".environment-select-dropdown-item": {
      display: "flex",
      flexDirection: "column",
      gap: e(2),
      maxWidth: e(60)
    },
    ".environment-select-dropdown-badge": {
      display: "flex",
      alignItems: "center",
      gap: e(1),
      width: "fit-content"
    },
    ".environment-select-dropdown-layout": {
      padding: e(0),
      margin: e(0)
    },
    ".environment-select-dropdown-icon": {
      position: "absolute",
      right: e(2),
      display: "flex",
      height: e(3.5),
      width: e(3.5),
      alignItems: "center",
      justifyContent: "center"
    },
    ".environment-icon": {
      height: e(4),
      width: e(4)
    },
    ".environment-indicator": {
      width: "100%",
      height: e(2),
      display: "flex",
      justifyContent: "center"
    },
    ".environment-indicator-item": {
      position: "absolute",
      display: "flex",
      flexDirection: "row",
      padding: e(2),
      gap: e(1),
      width: "100%",
      height: "fit-content",
      alignItems: "center",
      justifyContent: "center",
      fontSize: n("fontSize.sm"),
      "@media (min-width: 640px)": {
        borderBottomRightRadius: e(2),
        borderBottomLeftRadius: e(2),
        width: "fit-content"
      }
    }
  };
}, i = {
  getComponents: r
};
export {
  i as TailwindEnvironmentIndicator
};
