@braineet/ui
Version:
Braineet design system
118 lines • 3.16 kB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import * as React from 'react';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function LoaderDefault(props) {
return /*#__PURE__*/_jsxs("svg", _extends({
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props, {
children: [/*#__PURE__*/_jsxs("rect", {
x: "1",
y: "1",
rx: "1",
width: "10",
height: "10",
children: [/*#__PURE__*/_jsx("animate", {
id: "a",
begin: "0;l.end",
attributeName: "x",
dur: "0.2s",
values: "1;13",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "d",
begin: "c.end",
attributeName: "y",
dur: "0.2s",
values: "1;13",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "g",
begin: "f.end",
attributeName: "x",
dur: "0.2s",
values: "13;1",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "j",
begin: "i.end",
attributeName: "y",
dur: "0.2s",
values: "13;1",
fill: "freeze"
})]
}), /*#__PURE__*/_jsxs("rect", {
x: "1",
y: "13",
rx: "1",
width: "10",
height: "10",
children: [/*#__PURE__*/_jsx("animate", {
id: "b",
begin: "a.end",
attributeName: "y",
dur: "0.2s",
values: "13;1",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "e",
begin: "d.end",
attributeName: "x",
dur: "0.2s",
values: "1;13",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "h",
begin: "g.end",
attributeName: "y",
dur: "0.2s",
values: "1;13",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "k",
begin: "j.end",
attributeName: "x",
dur: "0.2s",
values: "13;1",
fill: "freeze"
})]
}), /*#__PURE__*/_jsxs("rect", {
x: "13",
y: "13",
rx: "1",
width: "10",
height: "10",
children: [/*#__PURE__*/_jsx("animate", {
id: "c",
begin: "b.end",
attributeName: "x",
dur: "0.2s",
values: "13;1",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "f",
begin: "e.end",
attributeName: "y",
dur: "0.2s",
values: "13;1",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "i",
begin: "h.end",
attributeName: "x",
dur: "0.2s",
values: "1;13",
fill: "freeze"
}), /*#__PURE__*/_jsx("animate", {
id: "l",
begin: "k.end",
attributeName: "y",
dur: "0.2s",
values: "1;13",
fill: "freeze"
})]
})]
}));
}
export default LoaderDefault;