How many fields does CSSSpacing require and how are they generated?

type CSSProperty = "margin" | "padding";
type Direction = "top" | "right" | "bottom" | "left";

type CSSSpacing = {
  [K in `${CSSProperty}-${Direction}`]: string;
};

const spacing: CSSSpacing = {
  "margin-top": "10px",
  "margin-right": "20px",
  // ... wymaga wszystkich 8 kombinacji
};