import React from 'react';
import { Svg, Path } from 'react-native-svg';

import colors from 'constants/styleGuide/colors';

export default function CircleCrossedSvg({
  color = colors.light.furyRed,
  height = 20,
  width = 20,
  style,
}) {
  return (
    <Svg width={width} height={height} viewBox="0 0 37 36" fill="none" style={style}>
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M35.2 18C35.2 27.2232 27.7232 34.7 18.5 34.7C9.27684 34.7 1.8 27.2232 1.8 18C1.8 8.77684 9.27684 1.3 18.5 1.3C27.7232 1.3 35.2 8.77684 35.2 18ZM18.5 36C28.4411 36 36.5 27.9411 36.5 18C36.5 8.05887 28.4411 0 18.5 0C8.55887 0 0.5 8.05887 0.5 18C0.5 27.9411 8.55887 36 18.5 36ZM24.4066 23.4823C24.7971 23.0918 24.7971 22.4586 24.4066 22.0681L20.3761 18.0377L24.4066 14.0072C24.7971 13.6167 24.7971 12.9835 24.4066 12.593L23.9823 12.1687C23.5918 11.7782 22.9586 11.7782 22.5681 12.1687L18.5377 16.1992L14.5071 12.1686C14.1166 11.7781 13.4834 11.7781 13.0929 12.1686L12.6686 12.5929C12.2781 12.9834 12.2781 13.6166 12.6686 14.0071L16.6992 18.0377L12.6686 22.0682C12.2781 22.4588 12.2781 23.0919 12.6686 23.4824L13.0929 23.9067C13.4834 24.2972 14.1166 24.2972 14.5071 23.9067L18.5377 19.8761L22.5681 23.9066C22.9586 24.2971 23.5918 24.2971 23.9823 23.9066L24.4066 23.4823Z"
        fill={color}
      />
    </Svg>
  );
}
