@yamada-ui/loading
Version:
Yamada UI loading components
64 lines (62 loc) • 2.14 kB
JavaScript
"use client"
// src/audio.tsx
import { forwardRef } from "@yamada-ui/core";
import { Icon } from "@yamada-ui/icon";
import { jsx, jsxs } from "react/jsx-runtime";
var Audio = forwardRef(
({ color, duration = "1.4s", ...rest }, ref) => {
const dur = typeof duration === "string" ? parseFloat(duration) : duration;
return /* @__PURE__ */ jsx(Icon, { ref, fill: color, viewBox: "0 0 55 80", ...rest, children: /* @__PURE__ */ jsxs("g", { transform: "matrix(1 0 0 -1 0 80)", children: [
/* @__PURE__ */ jsx("rect", { height: "20", rx: "3", width: "10", children: /* @__PURE__ */ jsx(
"animate",
{
attributeName: "height",
begin: "0s",
calcMode: "linear",
dur: `${dur * 3}s`,
repeatCount: "indefinite",
values: "20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20"
}
) }),
/* @__PURE__ */ jsx("rect", { height: "80", rx: "3", width: "10", x: "15", children: /* @__PURE__ */ jsx(
"animate",
{
attributeName: "height",
begin: "0s",
calcMode: "linear",
dur: `${dur * 1.4}s`,
repeatCount: "indefinite",
values: "80;55;33;5;75;23;73;33;12;14;60;80"
}
) }),
/* @__PURE__ */ jsx("rect", { height: "50", rx: "3", width: "10", x: "30", children: /* @__PURE__ */ jsx(
"animate",
{
attributeName: "height",
begin: "0s",
calcMode: "linear",
dur: `${dur}s`,
repeatCount: "indefinite",
values: "50;34;78;23;56;23;34;76;80;54;21;50"
}
) }),
/* @__PURE__ */ jsx("rect", { height: "30", rx: "3", width: "10", x: "45", children: /* @__PURE__ */ jsx(
"animate",
{
attributeName: "height",
begin: "0s",
calcMode: "linear",
dur: `${dur * 1.4}s`,
repeatCount: "indefinite",
values: "30;45;13;80;56;72;45;76;34;23;67;30"
}
) })
] }) });
}
);
Audio.displayName = "Audio";
Audio.__ui__ = "Audio";
export {
Audio
};
//# sourceMappingURL=chunk-R2NCPADX.mjs.map