@yamada-ui/loading
Version:
Yamada UI loading components
75 lines (73 loc) • 2.15 kB
JavaScript
"use client"
// src/puff.tsx
import { forwardRef } from "@yamada-ui/core";
import { Icon } from "@yamada-ui/icon";
import { jsx, jsxs } from "react/jsx-runtime";
var Puff = forwardRef(
({ color, duration = "1.8s", ...rest }, ref) => {
return /* @__PURE__ */ jsx(Icon, { ref, stroke: color, viewBox: "0 0 44 44", ...rest, children: /* @__PURE__ */ jsxs("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
/* @__PURE__ */ jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
/* @__PURE__ */ jsx(
"animate",
{
attributeName: "r",
begin: "0s",
calcMode: "spline",
dur: duration,
keySplines: "0.165, 0.84, 0.44, 1",
keyTimes: "0; 1",
repeatCount: "indefinite",
values: "1; 20"
}
),
/* @__PURE__ */ jsx(
"animate",
{
attributeName: "stroke-opacity",
begin: "0s",
calcMode: "spline",
dur: duration,
keySplines: "0.3, 0.61, 0.355, 1",
keyTimes: "0; 1",
repeatCount: "indefinite",
values: "1; 0"
}
)
] }),
/* @__PURE__ */ jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
/* @__PURE__ */ jsx(
"animate",
{
attributeName: "r",
begin: "-0.9s",
calcMode: "spline",
dur: duration,
keySplines: "0.165, 0.84, 0.44, 1",
keyTimes: "0; 1",
repeatCount: "indefinite",
values: "1; 20"
}
),
/* @__PURE__ */ jsx(
"animate",
{
attributeName: "stroke-opacity",
begin: "-0.9s",
calcMode: "spline",
dur: duration,
keySplines: "0.3, 0.61, 0.355, 1",
keyTimes: "0; 1",
repeatCount: "indefinite",
values: "1; 0"
}
)
] })
] }) });
}
);
Puff.displayName = "Puff";
Puff.__ui__ = "Puff";
export {
Puff
};
//# sourceMappingURL=chunk-6ABSWRDW.mjs.map