mirror of
https://github.com/empayre/fleet.git
synced 2024-11-06 08:55:24 +00:00
28 lines
622 B
TypeScript
28 lines
622 B
TypeScript
import React from "react";
|
|
import { COLORS, Colors } from "styles/var/colors";
|
|
|
|
interface IArrowProps {
|
|
color?: Colors;
|
|
}
|
|
|
|
const Arrow = ({ color = "core-fleet-blue" }: IArrowProps) => {
|
|
return (
|
|
<svg
|
|
width="16"
|
|
height="16"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 16 16"
|
|
>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M9.293 3.707a1 1 0 0 1 1.414-1.414l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L12.586 9H1a1 1 0 0 1 0-2h11.586L9.293 3.707Z"
|
|
fill={COLORS[color]}
|
|
/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default Arrow;
|