import React, { SVGProps } from 'react';
import { IIblisReactUndrawProps } from '../iblis_react_undraw_props';
export const SvgScreenTime = (props: IIblisReactUndrawProps & SVGProps<SVGSVGElement>) => (
  <svg
    data-name="Layer 1"
    viewBox="0 0 800.514 631.851"
    className={props.class}
    width="100%"
    height={props.height}
    {...props}
  >
    <path
      d="M666.398 494.853l-36.748-34.306-17.426-16.072a14.138 14.138 0 012.695-22.737 14.138 14.138 0 0119.851 6.696l5.732 13.151 35.595 36.922z"
      fill={props.skincolor}
    />
    <path
      d="M671.2 472.602l-12.904 21.494 52.387 32.135c46.184-33.197 55.327-44 44.011-96.88l-9-9-43.517 70.58z"
      fill={props.primarycolor}
    />
    <path
      d="M595.124 412.84a3.173 3.173 0 00-3.971-.391l-24.26 15.8a3.191 3.191 0 00-.51 4.936l61.694 61.427a3.191 3.191 0 004.547-.044l20.218-20.925a3.198 3.198 0 00-.065-4.5z"
      fill={props.accentcolor}
    />
    <path
      d="M571.673 429.94l2.51-1.6a2.392 2.392 0 003.443 3.14l16.246-11.17a2.39 2.39 0 00-.632-4.25l1.294-.824a.87.87 0 011.087.122l54.653 53.71a.87.87 0 01-.022 1.244l-19.849 19.34a.87.87 0 01-1.211-.016l-57.666-58.346a.87.87 0 01.147-1.35z"
      fill="#fff"
    />
    <path fill={props.primarycolor} d="M634.751 457.208l-16.766 15.808-39.879-39.4 20.239-13.174 36.406 36.766z" />
    <path
      d="M579.656 443.34a.581.581 0 000-.821l-3.487-3.488a.594.594 0 00-.82 0 .581.581 0 000 .82l3.487 3.488a.594.594 0 00.82 0zM585.53 448.393l-3.487-3.487a.58.58 0 00-.82.82l3.487 3.488a.58.58 0 10.82-.82z"
      fill="#e6e6e6"
    />
    <circle cx={634.364} cy={470.777} r={3.917} fill={props.primarycolor} />
    <path fill={props.accentcolor} d="M800.132 609.239H496.394v-2.106h304.12l-.382 2.106z" />
    <path fill={props.accentcolor} d="M765.401 607.864V304.126h2.106v304.119l-2.106-.381z" />
    <path
      d="M382.685 598.852l-19.896 5.253a24.825 24.825 0 01-31.638 11.721l-.435-.18a29.7 29.7 0 01-7.302-4.458c-8.356-6.774-22.279-10.27-40.741-11.093a5.35 5.35 0 01-3.739-5.384 5.35 5.35 0 014.65-5.024l99.553-12.985z"
      fill="#e6e6e6"
    />
    <path
      d="M640.799 616.481c-52.051-8.347-99.47-21.858-139.228-43.91l-123.406 30.287.452-27.06 96.46-33.833a122.587 122.587 0 0150.755-6.486l114.967 21.333z"
      fill={props.haircolor}
    />
    <path
      d="M442.357 627.34a6.328 6.328 0 012.601-7.116l46.668-24.536 11.301-29.383 19.438 12.205-5.425 21.698 1.283 8.979a19.856 19.856 0 01-19.656 22.664h-50.148a6.329 6.329 0 01-6.062-4.51z"
      fill="#e6e6e6"
    />
    <path
      d="M703.632 599.756c-56.358 70.069-95.135-6.25-133.351-87.243l-46.108 75.038-28.026-19.89 48.327-106.32a18.2 18.2 0 0128.94-5.818l67.385 75.071 12.657-.904z"
      fill={props.haircolor}
    />
    <circle cx={706.796} cy={366.052} r={33.451} fill={props.skincolor} />
    <path
      d="M749.288 425.721l-37.067 8.137a223.875 223.875 0 00-15.37-44.3l34.355-12.657a237.74 237.74 0 0018.082 48.82z"
      fill={props.skincolor}
    />
    <path
      d="M706.796 608.345l-65.997-77.75 26.874-44.67c2.829-20.095 13.208-35.89 29.178-48.5l10.85-18.032 32.546-13.561a66.605 66.605 0 0119.757 78.362z"
      fill={props.primarycolor}
    />
    <path
      d="M649.84 522.458l-39.78-30.74-18.845-14.381a14.138 14.138 0 01.567-22.89 14.138 14.138 0 0120.389 4.821l6.93 12.561 38.875 33.451z"
      fill={props.skincolor}
    />
    <path
      d="M652.552 499.856l-10.85 22.602 55.15 27.122c42.895-37.35 66.813-73.165 50.628-124.763l-20.794 5.425-41.588 84.983z"
      fill={props.primarycolor}
    />
    <circle cx={750.223} cy={314.182} r={13.318} fill={props.haircolor} />
    <path
      d="M736.5 310.922a13.308 13.308 0 0113.311-12.448c-.275-.035-.547-.077-.828-.095a13.318 13.318 0 00-1.709 26.582c.28.018.557.01.834.011a13.308 13.308 0 01-11.609-14.05z"
      fill={props.haircolor}
    />
    <path
      d="M736.424 316.61c-11.878-9.854-45.947 2.67-48.145 9.294-16.062 2.189-28.224 11.56-28.224 28.223 9.55 3.912 20.41 3.43 32.151 0 18.715 15.252 19.998 34.425 8.617 56.447l14.002.28 17.357-25.368.83 25.732 32.097-.644v-36.875a77.095 77.095 0 00-8.231-35.32c-5.002-9.717-12.764-15.39-20.454-21.77z"
      fill={props.haircolor}
    />
    <ellipse cx={706.535} cy={372.842} rx={6.369} ry={8.916} fill="#ffb8b8" />
    <path
      d="M7 0a7.008 7.008 0 00-7 7v296a7.008 7.008 0 007 7h434a7.008 7.008 0 007-7V7a7.008 7.008 0 00-7-7z"
      fill="#e6e6e6"
    />
    <path
      d="M17 10a7.008 7.008 0 00-7 7v276a7.008 7.008 0 007 7h414a7.008 7.008 0 007-7V17a7.008 7.008 0 00-7-7z"
      fill="#fff"
    />
    <path
      fill="#e6e6e6"
      d="M95.637 194.059h2v6h-2zM95.637 210.994h2v10.935h-2zM95.637 232.864h2v6h-2zM290.637 110h2v6h-2zM292.637 217.212h-2V204.56h2zm0-25.303h-2v-12.651h2zm0-25.303h-2v-12.652h2zm0-25.303h-2V128.65h2zM290.637 229.864h2v6h-2zM403.637 54h2v6h-2zM405.637 218.54h-2v-11.325h2zm0-22.649h-2v-11.324h2zm0-22.648h-2v-11.325h2zm0-22.649h-2V139.27h2zm0-22.649h-2v-11.324h2zm0-22.648h-2V93.973h2zm0-22.649h-2V71.324h2zM403.637 229.864h2v6h-2z"
    />
    <path
      d="M62.989 238.448c-4.813-14.423 4.222-29.306 16.298-36.93 15.369-9.703 34.886-6.815 51.054-.8 31.831 11.843 60.347 39.528 96.707 33.002a46.179 46.179 0 0019.921-8.457 41.702 41.702 0 0013.408-18.443c5.774-15.043 4.397-31.455 5.295-47.219.831-14.604 3.734-31.212 15.732-40.992 13.145-10.715 31.774-8.636 47.585-9.673a88.089 88.089 0 0042.696-14.113 89.383 89.383 0 0030.253-33.041 85.15 85.15 0 004.4-9.956c.67-1.813-2.228-2.596-2.893-.797-10.615 28.728-38.074 50.647-68.525 54.369-16.061 1.963-33.446-.758-48.475 6.5-14.152 6.835-20.432 21.645-22.639 36.415-2.37 15.861-.4 32.081-3.535 47.853-1.563 7.863-4.466 15.597-9.784 21.716a39.334 39.334 0 01-18.945 11.714c-35.66 10.308-66.113-17.882-96.936-30.42-16.041-6.526-35.241-10.38-51.694-3.009-12.814 5.74-23.706 18.622-24.268 33.058a28.232 28.232 0 001.452 10.02c.608 1.823 3.506 1.041 2.893-.797z"
      fill={props.primarycolor}
    />
    <path fill={props.accentcolor} d="M423 239.864H41V51.136h2v186.728h380v2z" />
  </svg>
);
SvgScreenTime.defaultProps = {
  primarycolor: '#6c63ff',
  accentcolor: '#3f3d56',
  haircolor: '#2f2e41',
  skincolor: '#ffb9b9',
};
