import { tokens as staticTokens } from "../../utils/design";
import { buildThemedStyles } from "../../AtlantisThemeContext";

const tightLineHeight = staticTokens["typography--lineHeight-tight"];

export const useStyles = buildThemedStyles(tokens => ({
  row: {
    flexDirection: "row",
    alignItems: "flex-start",
  },
  rowNeutral: {
    gap: 0,
  },
  rowCritical: {
    gap: tokens["space-smaller"],
  },
  iconContainer: {
    height: tightLineHeight,
    justifyContent: "center",
  },
}));