@kiwicom/orbit-components/lib/Separator/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";
"use client";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _tailwind = require("../common/tailwind");
const BORDER_TYPE_CLASSES = {
  none: "border-none",
  solid: "border-solid",
  dashed: "border-dashed",
  dotted: "border-dotted",
  double: "border-double"
};
var Indent = /*#__PURE__*/function (Indent) {
  Indent["none"] = "none";
  Indent["small"] = "small";
  Indent["medium"] = "medium";
  Indent["large"] = "large";
  Indent["XLarge"] = "XLarge";
  Indent["XXLarge"] = "XXLarge";
  return Indent;
}(Indent || {});
function getSideOffsetAmount(indent, align) {
  const classes = {
    left: {
      [Indent.none]: "pe-0",
      [Indent.small]: "pe-sm",
      [Indent.medium]: "pe-md",
      [Indent.large]: "pe-lg",
      [Indent.XLarge]: "pe-xl",
      [Indent.XXLarge]: "pe-xxl"
    },
    right: {
      [Indent.none]: "ps-0",
      [Indent.small]: "ps-sm",
      [Indent.medium]: "ps-md",
      [Indent.large]: "ps-lg",
      [Indent.XLarge]: "ps-xl",
      [Indent.XXLarge]: "ps-xxl"
    },
    center: {
      [Indent.none]: "px-0",
      [Indent.small]: "px-sm",
      [Indent.medium]: "px-md",
      [Indent.large]: "px-lg",
      [Indent.XLarge]: "px-xl",
      [Indent.XXLarge]: "px-xxl"
    }
  };
  return classes[align][indent];
}
const Separator = ({
  align = "left",
  sideOffset = "none",
  spaceAfter,
  type = "solid",
  color
}) => {
  return /*#__PURE__*/React.createElement("div", {
    className: (0, _clsx.default)("box-border w-full", getSideOffsetAmount(sideOffset, align))
  }, /*#__PURE__*/React.createElement("hr", {
    className: (0, _clsx.default)("orbit-separator", "mt-0 box-border h-0 border-t", color || "border-elevation-flat-border-color", BORDER_TYPE_CLASSES[type], spaceAfter && (0, _tailwind.getSpaceAfterClasses)(spaceAfter))
  }));
};
var _default = Separator;
exports.default = _default;