import { __assign, __rest } from "tslib";
import React, { forwardRef } from "react";
import P2 from "../typography/P2";
import { DividerComponent } from "./styles";
var Divider = 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 = __rest(_a, ["id", "children", "className", "status", "direction", "align", "testId", "width", "height"]);
    return (React.createElement(DividerComponent, __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.createElement(P2, { type: "lynx" }, children)) : (children)));
});
Divider.displayName = "Divider";
export default Divider;
