var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import { jsx as _jsx } from "react/jsx-runtime";
import styled from "styled-components";
import { theme } from "../../../css/globalStyle";
var SDivider = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  border-bottom: ", ";\n  border-right: ", ";\n  border-color: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  margin-right: ", ";\n  margin-left: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n  border-bottom: ", ";\n  border-right: ", ";\n  border-color: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  margin-right: ", ";\n  margin-left: ", ";\n"])), function (props) {
    return props.horizontal && !props.vertical ? props.width : "".concat(props.thickness, "px");
}, function (props) { return props.vertical && "100%"; }, function (props) {
    return "".concat(props.horizontal &&
        (props.dotted ? "dotted" : props.dashed ? "dashed" : "solid"), " ").concat(props.thickness, "px");
}, function (props) {
    return "".concat(props.vertical &&
        (props.dotted ? "dotted" : props.dashed ? "dashed" : "solid"), " ").concat(props.thickness, "px");
}, function (props) { return props.color; }, function (props) { return props.my || props.mt; }, function (props) { return props.my || props.mb; }, function (props) { return props.mx || props.mr; }, function (props) { return props.mx || props.ml; });
export var Divider = function (_a) {
    var _b = _a.horizontal, horizontal = _b === void 0 ? true : _b, _c = _a.thickness, thickness = _c === void 0 ? 1 : _c, _d = _a.width, width = _d === void 0 ? "100%" : _d, _e = _a.color, color = _e === void 0 ? theme.color.grey[400] : _e, rest = __rest(_a, ["horizontal", "thickness", "width", "color"]);
    return (_jsx(SDivider, __assign({ horizontal: horizontal, thickness: thickness, width: width, color: color }, rest)));
};
var templateObject_1;
//# sourceMappingURL=index.js.map