import * as React from "react";

import { Sprite, SpriteType } from "../Sprite";

interface IPointerProps {
  onClick?: () => void;
}

export const Pointer = ({ onClick }: IPointerProps) => (
  <div className="pointer" {...onClick && { onClick }}>
    <div className="pointer__icon">
      <Sprite type={SpriteType.LeftChevron} />
    </div>
    <div className="pointer__text">Learn More</div>
  </div>
)