34 lines
686 B
TypeScript
34 lines
686 B
TypeScript
type ArrowCarouselIconProps = {
|
|
isLeft?: boolean;
|
|
className?: string;
|
|
color?: string;
|
|
};
|
|
|
|
const ArrowCarouselIcon = ({
|
|
isLeft,
|
|
className,
|
|
color = "#000",
|
|
}: ArrowCarouselIconProps) => {
|
|
return (
|
|
<svg
|
|
className={`w-6 h-6 stroke-black ${className ? className : ""} ${
|
|
isLeft ? "rotate-180" : ""
|
|
}`}
|
|
role="presentation"
|
|
focusable="false"
|
|
viewBox="0 0 9.3 17"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<polyline
|
|
fill="none"
|
|
stroke={color}
|
|
strokeLinecap="butt"
|
|
strokeWidth="1"
|
|
points="0.5,0.5 8.5,8.5 0.5,16.5"
|
|
></polyline>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default ArrowCarouselIcon;
|