import PropTypes from 'prop-types';
import * as React from 'react';
import { useTheme } from 'react-native-paper';
import Svg, { Path } from 'react-native-svg';

function Hand({ color, height, width, style }) {
  const { colors } = useTheme();
  return (
    <Svg
      height={height}
      width={width}
      viewBox="0 0 212.495 212.495"
      style={[style]}
    >
      <Path
        d="M189.917 49.052c-1.442-.673-2.97-1.027-4.402-1.027-2.069 0-3.794.723-4.871 2.029-6.374 7.763-12.211 22.862-16.917 34.99-2.162 5.608-5.061 13.116-7.025 16.638-1.074-10.325 3.561-47.559 5.343-61.893l.029-.233c1.242-9.96 1.435-11.706 1.374-12.487-.48-5.544-2.416-9.298-5.758-11.152-3.378-1.875-7.974-1.474-13.063 1.142-2.559 1.317-3.597 6.381-7.315 29.397l-.018.104c-2.047 12.644-6.764 41.765-10.382 46.414-3.225-7.086-5.604-46.239-6.635-63.185-.716-11.867-1.142-18.682-1.6-20.764-.97-4.363-6.07-8.375-11.356-8.944-4.398-.526-8.178 1.474-10.178 5.268-3.486 3.389-3.182 15.453-1.593 44.084.755 13.628 2.316 41.772-.111 44.754-4.37-.791-10.715-18.796-18.85-53.532-2.283-9.727-2.995-12.658-3.815-13.975-1.482-4.49-7.315-8.28-12.784-8.28-.465 0-.923.029-1.374.079-2.888.369-9.57 2.548-9.033 14.802 2.659 17.121 5.966 29.783 9.173 42.077l.064.247c1.918 7.362 3.733 14.319 5.332 22.006 3.769 18.159 1.049 29.075 1.016 29.196-.243 1.124-.641 1.797-1.188 2.001a2.047 2.047 0 01-.716.115c-1.596 0-3.905-1.224-5.086-1.997-2.43-5.587-14.602-32.228-27.01-36.672l-.447-.168-.462.011c-4.681.122-8.217 1.646-10.515 4.538-3.643 4.567-2.702 10.776-2.455 12.021l.154.455c.089.193 8.944 19.487 9.906 28.241.837 7.512 7.287 16.03 12.465 22.883l.215.276c1.689 2.244 3.146 4.18 4.28 5.955 15.149 18.266 39.997 34.486 40.201 34.618 3.056 2.613 4.688 5.05 4.738 7.054.029 1.313-.698 2.044-.723 2.069l-.601.551 3.332 3.74.619-.533c.243-.215 2.426-2.197 2.405-5.791-.014-3.568-2.283-7.304-6.778-11.127-.247-.161-24.898-16.398-39.12-33.516-1.138-1.822-2.874-4.109-4.549-6.327-4.556-6.023-10.797-14.283-11.477-20.399-1.013-9.13-9.158-27.214-10.196-29.483-.129-.916-.558-4.957 1.525-7.555 1.26-1.575 3.343-2.452 6.199-2.609 11.119 4.631 23.817 34.124 23.943 34.421l.268.626.544.419c.759.555 4.753 3.335 8.621 3.335.888 0 1.721-.14 2.466-.426 1.542-.576 3.547-2.015 4.32-5.536.125-.48 3.049-11.989-.981-31.397-1.603-7.766-3.457-14.867-5.418-22.382l-.032-.111c-3.16-12.093-6.428-24.597-9.04-41.304-.24-5.594 1.424-8.901 4.678-9.319 3.708-.523 8.285 2.638 8.8 5.039l.365 1.689.397.057c.687 2.248 1.99 7.82 2.856 11.549 7.376 31.429 14.28 57.448 24.039 57.448.795 0 1.961-.233 3.013-1.349 4.012-4.23 3.375-21.24 1.847-48.765-.744-13.335-2.126-38.143-.19-39.976l.709-.401.34-.737c.92-1.976 2.459-2.981 4.574-2.981.261 0 .515.014.759.047 3.099.336 6.496 2.777 6.993 5.028.383 1.729.888 10.039 1.474 19.651l.018.326c3.335 54.993 5.54 68.42 11.213 68.42 6.442 0 9.595-12.798 15.804-51.253l.029-.157c1.525-9.42 3.815-23.585 4.839-25.668 3.335-1.668 6.36-2.076 8.117-1.113 2.226 1.231 2.963 4.545 3.178 7.072.007.687-.676 6.202-1.342 11.542-6.027 48.411-6.893 65.017-3.565 68.349.884.877 2.129 1.256 3.246.998 3.393-.716 5.637-5.823 11.671-21.444 4.556-11.782 10.221-26.441 16.094-33.584.054-.054.333-.197.948-.197.719 0 1.542.197 2.323.558 1.464.684 2.928 2.015 2.62 3.701-1.532 8.432-8.435 31.981-13.485 49.173-4.366 14.877-6.163 21.101-6.31 22.772 0 .311-.136 31.286-11.796 68.539l-3.854 13.016 4.831 1.428 3.84-12.973c11.635-37.181 12.014-69.541 12-69.763.118-1.181 3.443-12.476 6.12-21.598l.075-.233c5.322-18.191 11.957-40.81 13.532-49.478.672-3.72-1.468-7.317-5.458-9.164z"
        fill={colors.primary + '00'}
        stroke="black"
        strokeWidth={2}
      />
    </Svg>
  );
}

Hand.defaultProps = {
  height: 120,
  width: 120,
  color: '#FFFFFFFF',
};

Hand.propTypes = {
  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
  style: PropTypes.object,
  color: PropTypes.string,
};

export default Hand;