import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2019-2026 GoodData Corporation
import cx from "classnames";
import { GridLayoutElement } from "../../../DefaultDashboardLayoutRenderer/GridLayoutElement.js";
import { DashboardLayoutSectionBorderMarker } from "./DashboardLayoutSectionBorderMarker.js";
export function DashboardLayoutSectionBorderLine({ position, status, itemSize, }) {
    return (_jsxs(GridLayoutElement, { type: "item", layoutItemSize: itemSize, className: cx("gd-fluidlayout-row-separator", "s-fluidlayout-row-separator", position, status), children: [
            _jsx(DashboardLayoutSectionBorderMarker, { className: "gd-fluidlayout-row-separator-icon gd-fluidlayout-row-separator-icon-left", active: status === "active" }), _jsx("div", { className: "gd-fluidlayout-row-separator-line" }), _jsx(DashboardLayoutSectionBorderMarker, { className: "gd-fluidlayout-row-separator-icon gd-fluidlayout-row-separator-icon-right", active: status === "active" })
        ] }));
}
//# sourceMappingURL=DashboardLayoutSectionBorderLine.js.map