import { defineProperties } from "@vanilla-extract/sprinkles";

import { sprinkleValues } from "../sprinkleValues";

export const gridProperties = defineProperties({
  properties: {
    columnGap: sprinkleValues.spacing,
    rowGap: sprinkleValues.spacing,
  },
  shorthands: {
    gap: ["rowGap", "columnGap"],
  },
});