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

interface OrderAgainIconProps {
  focused: boolean;
  size: number;
  color: string;
}

const OrderAgainIcon: React.FC<OrderAgainIconProps> = ({ focused, size, color }) => {
  const iconColor = focused ? '#2563EB' : '#2D264B'; // Use focused color when focused, original color when not

  return (
    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
      <Path d="M13.7213 2.52876C13.461 2.26841 13.0389 2.26841 12.7785 2.52876C12.5182 2.78911 12.5182 3.21122 12.7785 3.47157L13.6405 4.3335L11.8521 4.33348C10.1322 4.33327 9.10354 4.33314 8.24885 4.61084C6.5237 5.17138 5.17116 6.52392 4.61062 8.24907C4.33292 9.10376 4.33305 10.1324 4.33326 11.8524V12.148C4.33305 13.868 4.33292 14.8966 4.61062 15.7513C4.7244 16.1014 5.1005 16.2931 5.45067 16.1793C5.80084 16.0655 5.99248 15.6894 5.8787 15.3392C5.67483 14.7118 5.66661 13.9133 5.66661 12.0002C5.66661 10.087 5.67483 9.28852 5.8787 8.66109C6.30734 7.34186 7.34164 6.30756 8.66087 5.87892C9.2883 5.67505 10.0868 5.66683 11.9999 5.66683H13.4086L12.5732 6.36302C12.2903 6.59872 12.2521 7.0191 12.4878 7.30195C12.7235 7.5848 13.1439 7.62302 13.4267 7.38731L14.8355 6.21333C15.2015 5.90835 15.4022 5.48067 15.4314 5.04485C15.4623 4.58514 15.3028 4.11024 14.947 3.75445L13.7213 2.52876Z" fill={iconColor}/>
      <Path d="M20.3917 7.8019C20.2822 7.45037 19.9085 7.25416 19.557 7.36366C19.2054 7.47315 19.0092 7.84689 19.1187 8.19842C19.3257 8.86279 19.3333 9.7066 19.3333 11.6982C19.3333 13.6898 19.3257 14.5336 19.1187 15.1979C18.685 16.5905 17.6431 17.6688 16.331 18.1135C15.7081 18.3246 14.915 18.3335 12.9999 18.3335H11.6094L12.4713 17.4716C12.7317 17.2112 12.7317 16.7891 12.4713 16.5288C12.211 16.2684 11.7889 16.2684 11.5285 16.5288L10.3028 17.7545C9.94705 18.1102 9.78756 18.5851 9.81845 19.0448C9.84772 19.4807 10.0484 19.9083 10.4144 20.2133L11.8232 21.3873C12.106 21.623 12.5264 21.5848 12.7621 21.302C12.9978 21.0191 12.9596 20.5987 12.6767 20.363L11.8413 19.6668L13.1517 19.6668C14.8677 19.6671 15.9006 19.6672 16.759 19.3763C18.4914 18.7891 19.8363 17.3776 20.3917 15.5945C20.6669 14.711 20.6668 13.6464 20.6666 11.8433V11.553C20.6668 9.74996 20.6669 8.68539 20.3917 7.8019Z" fill={iconColor}/>
    </Svg>
  );
};

export default OrderAgainIcon;