import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { combineIconClasses } from "../utils.js";
/**
 * @internal
 */
export function Columns({ colorPalette, className, width, height }) {
    const normalColumn = colorPalette?.normalColumn ?? "#CCD8E2";
    const totalColumn = colorPalette?.totalColumn ?? "#94A1AD";
    return (_jsxs("svg", { className: combineIconClasses(className), width: width ?? 16, height: height ?? 16, viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
            _jsxs("g", { clipPath: "url(#clip0_405_2499)", children: [
                    _jsx("path", { d: "M1 13L1 1.03318e-07L3 0L3 13H1Z", fill: normalColumn }), _jsx("path", { d: "M5 13L5 1.03318e-07L7 0L7 13H5Z", fill: normalColumn }), _jsx("rect", { x: "9", y: "13", width: "13", height: "2", transform: "rotate(-90 9 13)", fill: totalColumn })
                ] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_405_2499", children: _jsx("rect", { width: "13", height: "13", fill: "white", transform: "translate(0 13) rotate(-90)" }) }) })
        ] }));
}
