import React from 'react';

interface CheckmarkSvgProps {
  width?: number | string;
  height?: number | string;
}

export const CheckmarkSvg: React.FC<CheckmarkSvgProps> = ({
  width = 24,
  height = 24
}) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={width}
    height={height}
    fill="#ffffff"
    aria-hidden="true"
    style={{ pointerEvents: 'none', display: 'block', flexShrink: 0 }}
  >
    <path d="M20.285 6.707a1 1 0 0 0-1.414-1.414l-9.192 9.192-4.243-4.243a1 1 0 0 0-1.414 1.414l5 5a1 1 0 0 0 1.414 0l10-10z" />
  </svg>
);