text: import React from 'react';
  
  const Moon = ({ className, style }) => (
    <svg viewBox='90 90 320 320' className={className} style={style}>
      <g>
        <circle style={{ fill: '#EEEEEE' }} cx='249.6' cy='250' r='160' />
      </g>
      <g>
        <circle style={{ fill: '#DDDDDD' }} cx='138.4' cy='165.2' r='9.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='124.8' cy='201.2' r='1.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='189.6' cy='222' r='29.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='202.4' cy='157.2' r='8' />
        <circle style={{ fill: '#DDDDDD' }} cx='257.6' cy='153.2' r='2.4' />
        <circle style={{ fill: '#DDDDDD' }} cx='278.4' cy='126' r='2.4' />
        <circle style={{ fill: '#DDDDDD' }} cx='201.6' cy='127.6' r='4' />
        <circle style={{ fill: '#DDDDDD' }} cx='233.6' cy='114' r='1.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='270.4' cy='206' r='6.4' />
        <circle style={{ fill: '#DDDDDD' }} cx='318.4' cy='202' r='4' />
      </g>
      <circle style={{ fill: '#DDDDDD' }} cx='328.8' cy='156.4' r='6.4' />
      <g>
        <circle style={{ fill: '#DDDDDD' }} cx='300.8' cy='285.2' r='17.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='156' cy='295.6' r='5.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='213.6' cy='271.6' r='2.4' />
        <circle style={{ fill: '#DDDDDD' }} cx='241.6' cy='331.6' r='9.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='124.8' cy='254.8' r='6.4' />
        <circle style={{ fill: '#DDDDDD' }} cx='267.2' cy='250.8' r='1.6' />
      </g>
      <circle style={{ fill: '#DDDDDD' }} cx='344' cy='254' r='4' />
      <g>
        <circle style={{ fill: '#DDDDDD' }} cx='174.4' cy='339.6' r='9.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='193.6' cy='305.2' r='3.2' />
        <circle style={{ fill: '#DDDDDD' }} cx='292.8' cy='342.8' r='3.2' />
        <circle style={{ fill: '#DDDDDD' }} cx='241.6' cy='369.2' r='2.4' />
        <circle style={{ fill: '#DDDDDD' }} cx='201.6' cy='365.2' r='1.6' />
      </g>
      <circle style={{ fill: '#DDDDDD' }} cx='332.8' cy='328.4' r='6.4' />
      <g>
        <circle style={{ fill: '#DDDDDD' }} cx='284' cy='375.6' r='4' />
        <circle style={{ fill: '#DDDDDD' }} cx='245.6' cy='289.2' r='3.2' />
      </g>
      <circle style={{ fill: '#DDDDDD' }} cx='353.6' cy='300.4' r='6.4' />
      <g>
        <circle style={{ fill: '#DDDDDD' }} cx='134.4' cy='323.6' r='5.6' />
        <circle style={{ fill: '#DDDDDD' }} cx='309.6' cy='241.2' r='7.2' />
      </g>
    </svg>
  );
  
  export default Moon;