bastienrobert/la-ferme

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

import { Colors } from '@la-ferme/components/native'

export const WIDTH = 107
export const HEIGHT = 53
export const RATIO = WIDTH / HEIGHT

const CarCounterPoints: FC<SvgProps> = props => {
  return (
    <Svg viewBox={`0 0 ${WIDTH} ${HEIGHT}`} fill="none" {...props}>
      <Path
        fill={Colors.beige}
        d="M4.35353 52.5121C6.62874 52.5121 8.47317 50.6823 8.47317 48.4252C8.47317 46.168 6.62874 44.3383 4.35353 44.3383C2.07831 44.3383 0.233887 46.168 0.233887 48.4252C0.233887 50.6823 2.07831 52.5121 4.35353 52.5121Z"
      />
      <Path
        fill={Colors.beige}
        d="M7.06837 40.8738C9.34359 40.8738 11.188 39.0441 11.188 36.7869C11.188 34.5298 9.34359 32.7 7.06837 32.7C4.79316 32.7 2.94873 34.5298 2.94873 36.7869C2.94873 39.0441 4.79316 40.8738 7.06837 40.8738Z"
      />
      <Path
        fill={Colors.beige}
        d="M12.5352 30.2304C14.8104 30.2304 16.6548 28.4006 16.6548 26.1434C16.6548 23.8863 14.8104 22.0565 12.5352 22.0565C10.26 22.0565 8.41553 23.8863 8.41553 26.1434C8.41553 28.4006 10.26 30.2304 12.5352 30.2304Z"
      />
      <Path
        fill={Colors.beige}
        d="M20.4302 21.2102C22.7054 21.2102 24.5498 19.3804 24.5498 17.1233C24.5498 14.8662 22.7054 13.0364 20.4302 13.0364C18.155 13.0364 16.3105 14.8662 16.3105 17.1233C16.3105 19.3804 18.155 21.2102 20.4302 21.2102Z"
      />
      <Path
        fill={Colors.beige}
        d="M30.2871 14.3465C32.5623 14.3465 34.4068 12.5167 34.4068 10.2596C34.4068 8.00244 32.5623 6.17267 30.2871 6.17267C28.0119 6.17267 26.1675 8.00244 26.1675 10.2596C26.1675 12.5167 28.0119 14.3465 30.2871 14.3465Z"
      />
      <Path
        fill={Colors.beige}
        d="M41.5225 10.048C43.7977 10.048 45.6421 8.21826 45.6421 5.96112C45.6421 3.70398 43.7977 1.87421 41.5225 1.87421C39.2473 1.87421 37.4028 3.70398 37.4028 5.96112C37.4028 8.21826 39.2473 10.048 41.5225 10.048Z"
      />
      <Path
        fill={Colors.red}
        d="M53.4712 8.56702C55.7464 8.56702 57.5908 6.73724 57.5908 4.4801C57.5908 2.22296 55.7464 0.393188 53.4712 0.393188C51.196 0.393188 49.3516 2.22296 49.3516 4.4801C49.3516 6.73724 51.196 8.56702 53.4712 8.56702Z"
      />
      <Path
        fill={Colors.beige}
        d="M65.4263 9.9931C67.7015 9.9931 69.5459 8.16333 69.5459 5.90619C69.5459 3.64905 67.7015 1.81927 65.4263 1.81927C63.1511 1.81927 61.3066 3.64905 61.3066 5.90619C61.3066 8.16333 63.1511 9.9931 65.4263 9.9931Z"
      />
      <Path
        fill={Colors.beige}
        d="M76.6821 14.2386C78.9574 14.2386 80.8018 12.4089 80.8018 10.1517C80.8018 7.89459 78.9574 6.06482 76.6821 6.06482C74.4069 6.06482 72.5625 7.89459 72.5625 10.1517C72.5625 12.4089 74.4069 14.2386 76.6821 14.2386Z"
      />
      <Path
        fill={Colors.beige}
        d="M86.5718 21.0536C88.847 21.0536 90.6914 19.2238 90.6914 16.9667C90.6914 14.7095 88.847 12.8798 86.5718 12.8798C84.2966 12.8798 82.4521 14.7095 82.4521 16.9667C82.4521 19.2238 84.2966 21.0536 86.5718 21.0536Z"
      />
      <Path
        fill={Colors.beige}
        d="M94.5098 30.0371C96.785 30.0371 98.6294 28.2073 98.6294 25.9502C98.6294 23.6931 96.785 21.8633 94.5098 21.8633C92.2346 21.8633 90.3901 23.6931 90.3901 25.9502C90.3901 28.2073 92.2346 30.0371 94.5098 30.0371Z"
      />
      <Path
        fill={Colors.beige}
        d="M100.028 40.6561C102.303 40.6561 104.148 38.8263 104.148 36.5692C104.148 34.3121 102.303 32.4823 100.028 32.4823C97.7526 32.4823 95.9082 34.3121 95.9082 36.5692C95.9082 38.8263 97.7526 40.6561 100.028 40.6561Z"
      />
      <Path
        fill={Colors.beige}
        d="M102.798 52.2822C105.074 52.2822 106.918 50.4524 106.918 48.1953C106.918 45.9381 105.074 44.1083 102.798 44.1083C100.523 44.1083 98.6787 45.9381 98.6787 48.1953C98.6787 50.4524 100.523 52.2822 102.798 52.2822Z"
      />
    </Svg>
  )
}

export default CarCounterPoints