import { palette, theme } from '@expo/styleguide';

export const OfficeHoursImage = () => (
  <svg
    style={{
      position: 'absolute',
      right: 8,
      bottom: 8,
    }}
    width="119"
    height="119"
    viewBox="0 0 119 119"
    fill="none"
    xmlns="http://www.w3.org/2000/svg">
    <circle
      r="43.5"
      transform="matrix(-0.866025 0.5 0.5 0.866025 59.5 59.5002)"
      fill={theme.palette.yellow['300']}
    />
    <path
      d="M85.1531 66.298C86.3163 64.1977 87.9879 58.5711 85.3679 52.8673M90.9175 67.6973C90.9175 67.6973 94.6519 58.5123 90.9414 50.2689"
      stroke={theme.palette.yellow['700']}
      strokeWidth="3.34615"
      strokeLinecap="round"
    />
    <path
      d="M49.401 34.2124C47.2632 35.3052 42.7348 39.0396 41.7233 45.2344M45.4043 29.4012C45.4043 29.4012 37.1776 34.9356 35.6528 43.8462"
      stroke={theme.palette.yellow['700']}
      strokeWidth="3.34615"
      strokeLinecap="round"
    />
    <path
      d="M52.0436 44.7631C52.0436 44.7631 49.4183 68.866 47.2208 69.0454C40.1728 69.6209 44.6043 61.8309 37.6717 59.9734C36.3458 59.6182 33.1557 61.6138 33.4371 63.3835C34.9583 65.0992 36.5295 67.2371 37.4472 69.447C41.1289 78.3133 39.6297 78.4037 45.5746 85.8761C45.5746 85.8761 60.8775 95.185 67.3119 86.206C75.6261 74.6038 77.0301 60.8997 77.0301 60.8997C77.0301 60.8997 77.9736 57.3267 76.6878 56.4278C73.4049 54.1327 70.0574 61.7813 70.0574 61.7813L73.3217 48.7349C73.3217 48.7349 74.2487 45.5361 71.9009 44.0925C68.8067 42.1898 67.1264 47.3643 67.1264 47.3643C67.1264 47.3643 69.3389 39.7883 65.3234 38.2729C61.308 36.7574 59.6448 45.0549 59.6448 45.0549C59.6448 45.0549 59.004 41.5173 56.0815 41.1559C53.5986 40.8488 52.0436 44.7631 52.0436 44.7631Z"
      fill="#FFDF5D"
    />
    <path
      d="M53.0541 45.7417L51.2254 45.5165L51.2386 45.4094L51.2642 45.3047L53.0541 45.7417ZM53.0541 45.7417C51.2254 45.5165 51.2254 45.5165 51.2254 45.5166L51.2253 45.5173L51.2249 45.5204L51.2233 45.5335L51.2168 45.5861L51.1907 45.7937C51.1678 45.976 51.1337 46.2442 51.0895 46.5858C51.0011 47.2692 50.8724 48.2462 50.7112 49.4187C50.3886 51.7655 49.9369 54.888 49.4193 58.0035C48.8998 61.13 48.3212 64.2052 47.7481 66.4755C47.4881 67.5055 47.2445 68.307 47.0291 68.8547C46.4309 68.7025 46.0143 68.4145 45.6722 68.0577C45.1161 67.4776 44.6845 66.6384 44.2154 65.51C44.1251 65.2927 44.031 65.0573 43.9323 64.8106C43.5727 63.9116 43.153 62.8626 42.64 61.9918C41.9419 60.807 40.8902 59.609 39.1618 59.1459C38.0408 58.8456 36.6852 59.0059 35.5782 59.6195C34.3806 60.2834 33.3825 61.5473 33.399 63.3502L33.4052 64.0398L33.8627 64.5558C35.1407 65.9972 36.5589 68.6813 37.4286 70.7758C37.4876 70.9177 37.5467 71.0603 37.6061 71.2035C39.6011 76.0158 41.8931 81.5444 47.1863 85.5498C49.9809 87.6645 54.2453 89.3114 58.5186 89.2751C62.8871 89.238 67.3672 87.4194 70.0943 82.5058C73.5012 76.3675 75.4636 71.3211 76.5775 67.7825C77.1343 66.0135 77.4789 64.622 77.6858 63.6601C77.7893 63.1792 77.8583 62.8057 77.9023 62.5461C77.9175 62.4564 77.9297 62.3803 77.9393 62.318C77.9431 62.3065 77.947 62.2945 77.951 62.2821C77.9943 62.148 78.0512 61.9614 78.1112 61.7363C78.229 61.2937 78.3681 60.6666 78.428 59.9792C78.4861 59.3114 78.4816 58.4603 78.2163 57.6325C77.9354 56.7555 77.3393 55.8596 76.25 55.3543C75.1719 54.8543 74.1305 54.8502 73.2099 55.1305L74.1889 51.3328C74.1925 51.3198 74.1967 51.3043 74.2014 51.2863C74.2118 51.2465 74.2247 51.1946 74.2392 51.1319C74.268 51.0067 74.3031 50.836 74.3352 50.6301C74.3984 50.2241 74.4545 49.6515 74.4138 49.0051C74.3331 47.724 73.8387 45.8984 71.9896 44.7614C70.9904 44.147 69.9464 43.9528 68.9549 44.1562C68.9133 43.3891 68.7904 42.5936 68.5295 41.8411C68.0782 40.5392 67.1735 39.2811 65.5597 38.672C63.7592 37.9925 62.1898 38.6432 61.0934 39.6099C60.2234 40.377 59.5428 41.4157 59.0212 42.4108C58.4259 41.7494 57.6026 41.225 56.4639 41.0842C54.2589 40.8115 52.8794 42.1759 52.2026 43.1973C51.8576 43.7178 51.6294 44.2325 51.4884 44.6044C51.4165 44.7941 51.3637 44.9561 51.3276 45.0761C51.3094 45.1363 51.2953 45.1865 51.2848 45.225C51.2796 45.2443 51.2753 45.2608 51.2719 45.2741L51.2674 45.2918L51.2656 45.2988L51.2649 45.3019L51.2645 45.3033C51.2643 45.304 51.2642 45.3047 53.0541 45.7417Z"
      stroke={palette.dark.yellow['100']}
      strokeWidth="3.68509"
    />
    <path
      d="M73.6444 51.5897L67.2857 70.8855M68.1724 42.112L62.3226 64.7156M60.8235 40.171L55.8509 62.7401"
      stroke={palette.dark.yellow['100']}
      strokeWidth="2.76381"
      strokeLinecap="round"
    />
  </svg>
);