import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from './types';

export const Settings: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();

  return (
    <Svg width="18" height="18" viewBox="0 0 18 18" fill="none" {...props}>
      <Path
        d="M9.01103 12.7501C6.94327 12.7501 5.26099 11.0678 5.26099 9.00005C5.26099 6.93228 6.94327 5.25 9.01103 5.25C11.0787 5.25 12.7609 6.93228 12.7609 9.00005C12.7609 11.0678 11.0787 12.7501 9.01103 12.7501ZM9.01103 6.375C7.56345 6.375 6.38599 7.5526 6.38599 9.00005C6.38599 10.4475 7.56345 11.6251 9.01103 11.6251C10.4585 11.6251 11.6359 10.4475 11.6359 9.00005C11.6359 7.5526 10.4585 6.375 9.01103 6.375Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M10.2584 18H7.76377C7.16378 18 6.63355 17.574 6.50309 16.9868L6.18737 15.5827C5.6728 15.3645 5.18226 15.0796 4.7218 14.7316L3.35455 15.1635C2.76801 15.3457 2.13053 15.0967 1.83651 14.5717L0.593134 12.4216C0.295267 11.889 0.395792 11.2335 0.833872 10.821L1.8935 9.84677C1.86137 9.56099 1.84558 9.27754 1.84558 9C1.84558 8.72246 1.86137 8.43901 1.89282 8.15323L0.83909 7.18355C0.395792 6.76648 0.294581 6.11101 0.589289 5.58531L1.84036 3.42155C2.13053 2.90245 2.76953 2.65581 3.35235 2.83502L4.7218 3.26775C5.18226 2.91975 5.6728 2.6348 6.18737 2.41644L6.50378 1.01102C6.63355 0.425995 7.16378 0 7.76377 0H10.2584C10.8583 0 11.3886 0.425995 11.519 1.01321L11.8348 2.41727C12.3493 2.63548 12.8399 2.92044 13.3003 3.26843L14.6676 2.83653C15.2556 2.65581 15.8916 2.90327 16.1856 3.42828L17.4291 5.57845C17.7269 6.11101 17.6263 6.76648 17.1883 7.17902L16.1286 8.15323C16.1601 8.43901 16.1759 8.72328 16.1759 9C16.1759 9.27672 16.1601 9.56099 16.1286 9.84677L17.183 10.8158C17.1845 10.8173 17.1861 10.8188 17.1883 10.8203C17.6263 11.2327 17.7275 11.8883 17.4328 12.414L16.1818 14.5778C15.8916 15.0967 15.2541 15.345 14.6691 15.1635L13.2995 14.7307C12.839 15.0787 12.3485 15.3637 11.8341 15.582L11.5175 16.9875C11.3886 17.574 10.8583 18 10.2584 18ZM4.8366 13.5442C4.96555 13.5442 5.09231 13.5884 5.19434 13.6725C5.7096 14.0963 6.27128 14.4233 6.86605 14.6423C7.04527 14.7082 7.17806 14.8605 7.22009 15.0465L7.60186 16.7415C7.61903 16.8195 7.68728 16.875 7.7646 16.875H10.259C10.3364 16.875 10.4046 16.8195 10.4211 16.743L10.8036 15.0465C10.8456 14.8605 10.9784 14.7082 11.1576 14.6423C11.7515 14.4233 12.314 14.0963 12.8293 13.6725C12.9764 13.5509 13.1743 13.5119 13.3566 13.5698L15.0073 14.0911C15.086 14.1158 15.1701 14.0865 15.206 14.022L16.4571 11.8582C16.4946 11.7915 16.481 11.7 16.4211 11.6415L15.1551 10.4775C15.0178 10.3515 14.9519 10.1647 14.9796 9.98026C15.029 9.64806 15.0539 9.31805 15.0539 8.99931C15.0539 8.68044 15.029 8.35043 14.9796 8.01823C14.9519 7.8338 15.0178 7.64772 15.1551 7.52097L16.424 6.35394C16.481 6.3008 16.4946 6.20769 16.4533 6.13353L15.2098 3.98323C15.1694 3.91196 15.0838 3.88353 15.0058 3.90825L13.3573 4.42873C13.1758 4.48654 12.9779 4.44754 12.8301 4.326C12.3149 3.90221 11.753 3.57523 11.1583 3.35619C10.9791 3.29027 10.8463 3.13797 10.8044 2.95203L10.4226 1.25697C10.4038 1.18048 10.3355 1.125 10.2584 1.125H7.76377C7.68659 1.125 7.61834 1.18048 7.60186 1.25697L7.21926 2.95354C7.17738 3.13948 7.04458 3.29095 6.86537 3.3577C6.27128 3.57674 5.70878 3.90372 5.19434 4.32751C5.04658 4.44905 4.84704 4.48723 4.66714 4.43024L3.01631 3.90894C2.93913 3.88504 2.85357 3.91347 2.81759 3.97801L1.56652 6.14095C1.52903 6.20851 1.54263 6.30148 1.60484 6.35999L2.86936 7.52179C3.00656 7.64772 3.07261 7.83449 3.04487 8.01906C2.99529 8.35126 2.97058 8.68126 2.97058 9C2.97058 9.31874 2.99529 9.64874 3.04487 9.98094C3.07261 10.1655 3.00656 10.3515 2.86936 10.4782L1.60031 11.6452C1.54331 11.6985 1.52986 11.7915 1.57105 11.8658L2.81457 14.0159C2.85426 14.0872 2.93981 14.115 3.0185 14.0911L4.66714 13.5704C4.72262 13.5525 4.77961 13.5442 4.8366 13.5442Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
