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

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

export const marginProperties = defineProperties({
  conditions: {
    default: {},
    ...conditions.childPosition,
  },
  defaultCondition: "default",
  properties: {
    marginBottom: sprinkleValues.spacing,
    marginLeft: sprinkleValues.spacing,
    marginRight: sprinkleValues.spacing,
    marginTop: sprinkleValues.spacing,
  },
  shorthands: {
    margin: [
      "marginTop",
      "marginBottom",
      "marginLeft",
      "marginRight",
    ],
    marginX: ["marginLeft", "marginRight"],
    marginY: ["marginTop", "marginBottom"],
    m: [
      "marginTop",
      "marginBottom",
      "marginLeft",
      "marginRight",
    ],
    mx: ["marginLeft", "marginRight"],
    my: ["marginTop", "marginBottom"],
    mt: ["marginTop"],
    mr: ["marginRight"],
    mb: ["marginBottom"],
    ml: ["marginLeft"],
  },
});