38 lines
801 B
TypeScript
38 lines
801 B
TypeScript
import React from "react";
|
|
|
|
import { StyledOval } from "../Loader.styled";
|
|
|
|
export const Oval = ({
|
|
size,
|
|
color,
|
|
label,
|
|
}: {
|
|
size?: string;
|
|
color?: string;
|
|
label?: string;
|
|
}) => (
|
|
<StyledOval
|
|
size={size}
|
|
color={color}
|
|
viewBox="0 0 38 38"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
aria-label={label}
|
|
>
|
|
<g fill="none" fillRule="evenodd">
|
|
<g transform="translate(1 1)" strokeWidth="2">
|
|
<circle strokeOpacity=".5" cx="18" cy="18" r="18" />
|
|
<path d="M36 18c0-9.94-8.06-18-18-18">
|
|
<animateTransform
|
|
attributeName="transform"
|
|
type="rotate"
|
|
from="0 18 18"
|
|
to="360 18 18"
|
|
dur="1s"
|
|
repeatCount="indefinite"
|
|
/>
|
|
</path>
|
|
</g>
|
|
</g>
|
|
</StyledOval>
|
|
);
|