(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "tslib", "react", "../typography/P2", "./styles"], factory);
    }
})(function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var tslib_1 = require("tslib");
    var react_1 = (0, tslib_1.__importStar)(require("react"));
    var P2_1 = (0, tslib_1.__importDefault)(require("../typography/P2"));
    var styles_1 = require("./styles");
    var Divider = (0, react_1.forwardRef)(function (_a, ref) {
        var id = _a.id, children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? "default" : _b, _c = _a.direction, direction = _c === void 0 ? "row" : _c, _d = _a.align, align = _d === void 0 ? "center" : _d, _e = _a.testId, testId = _e === void 0 ? "divider" : _e, width = _a.width, height = _a.height, otherProps = (0, tslib_1.__rest)(_a, ["id", "children", "className", "status", "direction", "align", "testId", "width", "height"]);
        return (react_1.default.createElement(styles_1.DividerComponent, (0, tslib_1.__assign)({ ref: ref, id: id, className: className, status: status, direction: direction, align: align, "data-testid": testId, width: width, isHasChildren: Boolean(children), height: height }, otherProps), typeof children === "string" ? (react_1.default.createElement(P2_1.default, { type: "lynx" }, children)) : (children)));
    });
    Divider.displayName = "Divider";
    exports.default = Divider;
});
