import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2020-2025 GoodData Corporation
import { GD_COLOR_HIGHLIGHT, GD_COLOR_WHITE, INFO_TEXT_COLOR } from "@gooddata/sdk-ui-kit";
export function DashboardLayoutSectionBorderMarker({ active, className, }) {
    const background = active ? `var(--gd-palette-primary-base, ${GD_COLOR_HIGHLIGHT})` : "#E6E6E6";
    const color = active ? GD_COLOR_WHITE : INFO_TEXT_COLOR;
    return (_jsx("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", className: className, children: _jsxs("g", { fill: "none", fillRule: "evenodd", children: [
                _jsx("circle", { cx: "10", cy: "10", r: "10", fill: background }), _jsx("path", { d: "M6.5 9.5H14c.2761424 0 .5.22385763.5.5 0 .2761424-.2238576.5-.5.5H6.5V14c0 .2761424-.22385763.5-.5.5-.27614237 0-.5-.2238576-.5-.5V6c0-.27614237.22385763-.5.5-.5.27614237 0 .5.22385763.5.5v3.5z", fill: color, fillRule: "nonzero" })
            ] }) }));
}
