Function findBorder

src/style-functions/findBorder.js:6–114

(border, borderColor, themeColors)

import arrayKeyMapToObject from "./arrayKeyMapToObject";

const findBorder = (border, borderColor, themeColors) => {
  if (!border) {
    return;
  }

  const property = "border";

  let style = [];

  if (
    typeof (
      border.x ||
      border.y ||
      border.b ||
      border.t ||
      border.l ||
      border.r
    ) === "undefined"
  ) {
    style.push(
      makeResponsiveBorder(border, property, themeColors, borderColor)
    );
  } else {
    // If x direction exist
    if (border.x != "undefined") {
      style.push(
        makeResponsiveBorder(
          border.x,
          `${property}-left`,
          themeColors,
          borderColor
        )
      );
      style.push(
        makeResponsiveBorder(
          border.x,
          `${property}-right`,
          themeColors,
          borderColor
        )
      );
    }
    // If y direction exist
    if (border.y != "undefined") {
      style.push(
        makeResponsiveBorder(
          border.y,
          `${property}-top`,
          themeColors,
          borderColor
        )
      );
      style.push(
        makeResponsiveBorder(
          border.y,
          `${property}-bottom`,
          themeColors,
          borderColor