export function getShellNavLinkStyles(active: boolean) {
  return {
    root: {
      minHeight: 40,
      borderRadius: 4,
      padding: "8px 12px",
      color: active ? "#1874FF" : "#4E5969",
      backgroundColor: active ? "#E7EFFF" : "transparent",
      transition: "background-color 0.2s ease, color 0.2s ease",
    },
    body: {
      gap: 8,
    },
    label: {
      fontSize: 14,
      fontWeight: 500,
      lineHeight: "22px",
    },
    section: {
      color: active ? "#1874FF" : "inherit",
    },
    chevron: {
      color: active ? "#1874FF" : "#86909C",
    },
    children: {
      paddingLeft: 0,
    },
  } as const
}