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

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

export const paddingProperties = defineProperties({
  conditions: {
    default: {},
    ...conditions.childPosition,
  },
  defaultCondition: "default",
  properties: {
    paddingBottom: sprinkleValues.spacing,
    paddingLeft: sprinkleValues.spacing,
    paddingRight: sprinkleValues.spacing,
    paddingTop: sprinkleValues.spacing,
  },
  shorthands: {
    padding: [
      "paddingTop",
      "paddingBottom",
      "paddingLeft",
      "paddingRight",
    ],
    paddingX: ["paddingLeft", "paddingRight"],
    paddingY: ["paddingTop", "paddingBottom"],
    p: [
      "paddingTop",
      "paddingBottom",
      "paddingLeft",
      "paddingRight",
    ],
    px: ["paddingLeft", "paddingRight"],
    py: ["paddingTop", "paddingBottom"],
    pt: ["paddingTop"],
    pr: ["paddingRight"],
    pb: ["paddingBottom"],
    pl: ["paddingLeft"],
  },
});