import { IOView } from "../../types";

export const ForwardArrow: IOView<{
  style?: React.CSSProperties;
}> = ({ style }) => (
  <svg width="12" height="17" viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg" style={style}>
    <path
      d="M4.20168 0.512984L5.72728 2.03796L9.5778 5.88693L12.0002 8.3083L3.30712 17L0.884766 14.5653L7.1023 8.35035L1.72618 2.98748C1.56349 2.82508 1.43443 2.63222 1.34637 2.41992C1.25831 2.20762 1.21298 1.98005 1.21298 1.75023C1.21298 1.52041 1.25831 1.29284 1.34637 1.08054C1.43443 0.868244 1.56349 0.675381 1.72618 0.512983C1.88864 0.350363 2.08158 0.221352 2.29397 0.13333C2.50635 0.0453073 2.73401 1.61666e-07 2.96392 1.81766e-07C3.19384 2.01865e-07 3.42151 0.0453074 3.63389 0.13333C3.84628 0.221352 4.03921 0.350363 4.20168 0.512984Z"
      fill="#ffffff"
    />
  </svg>
);