@kiwicom/orbit-components
Version:
<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"
110 lines (108 loc) • 2.82 kB
JavaScript
/* eslint-disable */
import * as React from "react";
import OrbitIcon from "../Icon";
import type { Props } from "./Loading.js.flow";
export default function Loading(props: Props) {
const { color, size, customColor, className, dataTest } = props;
return (
<OrbitIcon
viewBox="0 0 24 24"
size={size}
color={color}
customColor={customColor}
className={className}
dataTest={dataTest}
>
<circle cx={4.308} cy={12} r={2.308}>
<animate
attributeName="fill-opacity"
begin="0s"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
<circle cx={4.308} cy={4.308} r={2.308} fillOpacity={0.5}>
<animate
attributeName="fill-opacity"
begin="100ms"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
<circle cx={12} cy={4.308} r={2.308}>
<animate
attributeName="fill-opacity"
begin="300ms"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
<circle cx={12} cy={12} r={2.308}>
<animate
attributeName="fill-opacity"
begin="600ms"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
<circle cx={19.692} cy={4.308} r={2.308}>
<animate
attributeName="fill-opacity"
begin="800ms"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
<circle cx={19.692} cy={12} r={2.308}>
<animate
attributeName="fill-opacity"
begin="400ms"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
<circle cx={4.308} cy={19.692} r={2.308}>
<animate
attributeName="fill-opacity"
begin="700ms"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
<circle cx={12} cy={19.692} r={2.308}>
<animate
attributeName="fill-opacity"
begin="500ms"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
<circle cx={19.692} cy={19.692} r={2.308}>
<animate
attributeName="fill-opacity"
begin="200ms"
dur="1s"
values="1;.2;1"
calcMode="linear"
repeatCount="indefinite"
/>
</circle>
</OrbitIcon>
);
}