text: import * as React from "react";
  import styled from "styled-components";
  import { SvgIcon } from "../../styles/global";
  
  const ArrowContainer = styled(SvgIcon)`
      width: 24px;
      height: 24px;
      fill: none;
      stroke: ${(props) => props.color || "#ffffff"};
  `;
  
  const ArrowRight = ({ color }) => {
      return (
          <ArrowContainer color={color}>
              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path
                      d="M7 2L17.1563 10.4636C18.1158 11.2631 18.1158 12.7369 17.1563 13.5364L7 22"
                      strokeWidth="2"
                      strokeLinecap="round"
                  />
              </svg>
          </ArrowContainer>
      );
  };
  
  export default ArrowRight;
  