import moon_phase_1 from '../images/moon_pic/moon_image_00001.png';
import moon_phase_2 from '../images/moon_pic/moon_image_00002.png';
import moon_phase_3 from '../images/moon_pic/moon_image_00003.png';
import moon_phase_4 from '../images/moon_pic/moon_image_00004.png';
import moon_phase_5 from '../images/moon_pic/moon_image_00005.png';
import moon_phase_6 from '../images/moon_pic/moon_image_00006.png';
import moon_phase_7 from '../images/moon_pic/moon_image_00007.png';
import moon_phase_8 from '../images/moon_pic/moon_image_00008.png';
import moon_phase_9 from '../images/moon_pic/moon_image_00009.png';
import moon_phase_10 from '../images/moon_pic/moon_image_00010.png';
import moon_phase_11 from '../images/moon_pic/moon_image_00011.png';
import moon_phase_12 from '../images/moon_pic/moon_image_00012.png';
import moon_phase_13 from '../images/moon_pic/moon_image_00013.png';
import moon_phase_14 from '../images/moon_pic/moon_image_00014.png';
import moon_phase_15 from '../images/moon_pic/moon_image_00015.png';
import moon_phase_16 from '../images/moon_pic/moon_image_00016.png';
import moon_phase_17 from '../images/moon_pic/moon_image_00017.png';
import moon_phase_18 from '../images/moon_pic/moon_image_00018.png';
import moon_phase_19 from '../images/moon_pic/moon_image_00019.png';
import moon_phase_20 from '../images/moon_pic/moon_image_00020.png';
import moon_phase_21 from '../images/moon_pic/moon_image_00021.png';
import moon_phase_22 from '../images/moon_pic/moon_image_00022.png';
import moon_phase_23 from '../images/moon_pic/moon_image_00023.png';
import moon_phase_24 from '../images/moon_pic/moon_image_00024.png';
import moon_phase_25 from '../images/moon_pic/moon_image_00025.png';
import moon_phase_26 from '../images/moon_pic/moon_image_00026.png';
import moon_phase_27 from '../images/moon_pic/moon_image_00027.png';
import moon_phase_28 from '../images/moon_pic/moon_image_00028.png';
import moon_phase_29 from '../images/moon_pic/moon_image_00029.png';
import moon_phase_30 from '../images/moon_pic/moon_image_00030.png';
import moon_phase_31 from '../images/moon_pic/moon_image_00031.png';

export const MOON_IMAGES = [
  moon_phase_1,
  moon_phase_2,
  moon_phase_3,
  moon_phase_4,
  moon_phase_5,
  moon_phase_6,
  moon_phase_7,
  moon_phase_8,
  moon_phase_9,
  moon_phase_10,
  moon_phase_11,
  moon_phase_12,
  moon_phase_13,
  moon_phase_14,
  moon_phase_15,
  moon_phase_16,
  moon_phase_17,
  moon_phase_18,
  moon_phase_19,
  moon_phase_20,
  moon_phase_21,
  moon_phase_22,
  moon_phase_23,
  moon_phase_24,
  moon_phase_25,
  moon_phase_26,
  moon_phase_27,
  moon_phase_28,
  moon_phase_29,
  moon_phase_30,
  moon_phase_31,
];

// moon up
const MOON_SET_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 12H7C7 10.67 7.53 9.4 8.46 8.46C9.4 7.53 10.67 7 12 7C13.33 7 14.6 7.53 15.54 8.46C16.47 9.4 17 10.67 17 12H21C21.27 12 21.5 12.11 21.71 12.29C21.9 12.5 22 12.74 22 13C22 13.27 21.9 13.5 21.71 13.71C21.5 13.9 21.27 14 21 14H3C2.74 14 2.5 13.9 2.29 13.71C2.11 13.5 2 13.27 2 13C2 12.74 2.11 12.5 2.29 12.29C2.5 12.11 2.74 12 3 12M12.71 20.71L15.82 17.6C16.21 17.21 16.21 16.57 15.82 16.18C15.43 15.79 14.8 15.79 14.41 16.18L12 18.59L9.59 16.18C9.2 15.79 8.57 15.79 8.18 16.18C7.79 16.57 7.79 17.21 8.18 17.6L11.29 20.71C11.5 20.9 11.74 21 12 21C12.26 21 12.5 20.9 12.71 20.71Z" fill="currentcolor" /></svg>`;

// moon down
const MOON_RISE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 12H7C7 10.67 7.53 9.4 8.46 8.46C9.4 7.53 10.67 7 12 7C13.33 7 14.6 7.53 15.54 8.46C16.47 9.4 17 10.67 17 12H21C21.27 12 21.5 12.11 21.71 12.29C21.9 12.5 22 12.74 22 13C22 13.27 21.9 13.5 21.71 13.71C21.5 13.9 21.27 14 21 14H3C2.74 14 2.5 13.9 2.29 13.71C2.11 13.5 2 13.27 2 13C2 12.74 2.11 12.5 2.29 12.29C2.5 12.11 2.74 12 3 12M12.71 16.3L15.82 19.41C16.21 19.8 16.21 20.43 15.82 20.82C15.43 21.21 14.8 21.21 14.41 20.82L12 18.41L9.59 20.82C9.2 21.21 8.57 21.21 8.18 20.82C7.79 20.43 7.79 19.8 8.18 19.41L11.29 16.3C11.5 16.1 11.74 16 12 16C12.26 16 12.5 16.1 12.71 16.3Z" fill="currentcolor"  /></svg>`;

export { MOON_RISE_ICON, MOON_SET_ICON };