var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import { jsx as _jsx } from "react/jsx-runtime";
// DO NOT EDIT IT MANUALLY
import * as React from 'react';
const SvgOverviewInterface = React.forwardRef((_a, ref) => {
    var { size = 20 } = _a, props = __rest(_a, ["size"]);
    props.width = undefined;
    props.height = undefined;
    const testId = 'icon-overview-interface';
    const style = {};
    const isCustomSize = typeof size === 'number';
    if (isCustomSize) {
        style.width = size + 'px';
        style.height = size + 'px';
        if (!props.style)
            props.style = {};
        props.style.width = size + 'px';
        props.style.height = size + 'px';
    }
    return (_jsx("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', width: 20, height: 20, fill: 'inherit', viewBox: '0 0 20 20', "data-test-id": testId, ref: ref }, props, { children: _jsx("path", { fill: 'inherit', d: 'M3.497 17h4.606a.497.497 0 0 0 .497-.497v-3.115a.497.497 0 0 0-.497-.497H3.497a.497.497 0 0 0-.497.497v3.115c0 .274.223.497.497.497M3.497 10.091h4.606a.497.497 0 0 0 .497-.497V3.497A.497.497 0 0 0 8.103 3H3.497A.497.497 0 0 0 3 3.497v6.097c0 .274.223.497.497.497M16.503 3h-4.606a.497.497 0 0 0-.497.497v3.115c0 .274.223.497.497.497h4.606A.497.497 0 0 0 17 6.612V3.497A.497.497 0 0 0 16.503 3M16.503 9.909h-4.606a.497.497 0 0 0-.497.497v6.097c0 .274.223.497.497.497h4.606a.497.497 0 0 0 .497-.497v-6.097a.497.497 0 0 0-.497-.497' }) })));
});
export default SvgOverviewInterface;
