text: function RightArrow({ className, width, height }) {
    return (
      <div
        className={className}
        style={{ width: width || "24px", height: height || "24px" }}
      >
        <svg
          viewBox="0 0 24 24"
          preserveAspectRatio="xMidYMid meet"
          focusable="false"
          style={{
            pointerEvents: "none",
            display: "block",
            width: "100%",
            height: "100%",
          }}
          class="style-scope yt-icon"
        >
          <g class="style-scope yt-icon">
            <path d="M4.97,12.65L9.62,8L4.97,3.35l0.71-0.71L11.03,8l-5.35,5.35L4.97,12.65z"></path>
          </g>
        </svg>
      </div>
    );
  }
  
  export default RightArrow;
  