@palladium-ethiopia/esm-billing-app 5.4.2-pre.30

package/src/past-patient-bills/patient-bills-dashboard/empty-svg.component.tsx

@@ -0,0 +1,566 @@
+import React from 'react';
+import styles from './patient-bills-dashboard.scss';
+
+export const EmptySvg: React.FC = () => {
+  return (
+    <svg
+      version="1.1"
+      id="Layer_1"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      x="0px"
+      y="0px"
+      width="200"
+      height="120"
+      viewBox="0 0 335 214"
+      enableBackground="new 0 0 335 214"
+      xmlSpace="preserve">
+      <path
+        fill="#F1F2F2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M218.000000,215.000000 
+	C145.333344,215.000000 73.166687,215.000000 1.000019,215.000000 
+	C1.000013,143.666687 1.000013,72.333366 1.000006,1.000039 
+	C112.666634,1.000026 224.333267,1.000026 335.999939,1.000013 
+	C335.999939,72.333290 335.999939,143.666580 335.999969,214.999939 
+	C296.833344,215.000000 257.666656,215.000000 218.000000,215.000000 
+M191.023987,176.663696 
+	C191.022720,180.660538 191.321960,184.686066 190.943665,188.646896 
+	C190.477814,193.524261 191.841309,195.186050 197.150970,195.156052 
+	C239.782593,194.915131 282.416504,194.943924 325.048676,195.128098 
+	C329.884094,195.148972 331.142120,193.769577 331.129211,188.997223 
+	C330.971252,130.543854 331.028168,72.089890 331.023926,13.636088 
+	C331.023468,7.054698 331.007690,7.041113 324.292419,7.040369 
+	C283.824402,7.035883 243.356369,7.038133 202.888351,7.038130 
+	C191.107788,7.038129 191.107788,7.038130 190.169907,18.979034 
+	C170.055420,14.690408 150.665375,16.514582 132.652115,26.820257 
+	C106.895462,41.556068 92.846169,63.837769 90.936714,93.592941 
+	C90.090317,106.782410 92.794754,119.333763 98.082428,131.357742 
+	C97.258972,132.018982 96.791763,132.503326 96.231911,132.827881 
+	C78.806740,142.929367 61.368877,153.008957 43.941071,163.105927 
+	C33.572353,169.113129 23.041960,174.872009 12.982014,181.359360 
+	C10.534144,182.937912 8.321165,187.005295 8.445974,189.819839 
+	C8.558945,192.367462 11.577484,196.001480 14.108752,196.886932 
+	C16.672190,197.783661 20.622242,196.621368 23.255684,195.118301 
+	C49.563915,180.102539 75.769775,164.905136 101.880562,149.548218 
+	C105.771507,147.259781 108.073814,146.860703 111.343895,150.793671 
+	C121.528305,163.042679 134.752716,170.798492 150.051300,175.095352 
+	C163.662827,178.918350 177.322403,178.696503 191.023987,176.663696 
+z"
+      />
+      <path
+        fill="#C6E1E0"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M190.988083,18.976612 
+	C191.107788,7.038130 191.107788,7.038129 202.888351,7.038130 
+	C243.356369,7.038133 283.824402,7.035883 324.292419,7.040369 
+	C331.007690,7.041113 331.023468,7.054698 331.023926,13.636088 
+	C331.028168,72.089890 330.971252,130.543854 331.129211,188.997223 
+	C331.142120,193.769577 329.884094,195.148972 325.048676,195.128098 
+	C282.416504,194.943924 239.782593,194.915131 197.150970,195.156052 
+	C191.841309,195.186050 190.477814,193.524261 190.943665,188.646896 
+	C191.321960,184.686066 191.022720,180.660538 191.307114,175.973633 
+	C208.610794,170.629990 222.512924,161.384293 233.848907,147.792740 
+	C254.263062,123.316658 257.721893,85.807182 241.683746,58.150066 
+	C230.111588,38.194355 213.108719,25.276356 190.988083,18.976612 
+M317.136139,82.950943 
+	C321.352325,82.676498 319.866669,79.413139 319.682556,77.334717 
+	C319.605042,76.459579 317.506012,75.124199 316.297180,75.092461 
+	C308.515503,74.888176 300.723755,75.091141 292.939880,74.934044 
+	C289.925690,74.873222 288.864929,75.889977 288.884308,78.929855 
+	C288.903015,81.860466 289.732635,83.085075 292.846588,83.018585 
+	C300.630096,82.852386 308.419495,82.963318 317.136139,82.950943 
+M296.591858,118.915031 
+	C303.229004,118.909355 309.873688,119.062332 316.496246,118.748604 
+	C317.658691,118.693527 319.310852,116.830246 319.645203,115.522873 
+	C319.885651,114.582542 318.337128,112.156876 317.541626,112.136322 
+	C308.160706,111.893959 298.771332,111.980553 289.367126,111.980553 
+	C289.367126,114.643822 289.367126,116.528641 289.367126,118.914803 
+	C291.712463,118.914803 293.668121,118.914803 296.591858,118.915031 
+M290.956390,154.876511 
+	C299.231079,154.894653 307.509430,155.040512 315.776917,154.805161 
+	C317.154541,154.765961 318.484955,153.068085 319.837189,152.136673 
+	C318.463684,151.130005 317.121155,149.306335 315.711517,149.252869 
+	C308.109344,148.964493 300.490448,149.132248 292.877472,149.108414 
+	C288.145020,149.093613 287.947998,151.291534 290.956390,154.876511 
+M300.521423,138.981277 
+	C305.185516,138.981155 309.861450,138.774704 314.510315,139.040604 
+	C318.908569,139.292145 319.992554,137.308212 319.352509,133.314514 
+	C309.215424,133.314514 299.328674,133.314514 289.495392,133.314514 
+	C288.781891,138.888824 288.781708,138.899918 293.533997,138.975433 
+	C295.532379,139.007202 297.531708,138.981049 300.521423,138.981277 
+M295.616577,38.025547 
+	C302.251404,38.023830 308.892090,38.164463 315.515808,37.892429 
+	C316.744293,37.841976 318.617096,36.329346 318.951752,35.141865 
+	C319.709656,32.452789 317.729248,31.908878 315.411041,31.928047 
+	C308.113251,31.988392 300.808197,32.133797 293.518555,31.881933 
+	C288.689209,31.715073 288.362030,33.908531 289.650299,38.025574 
+	C291.405487,38.025574 293.032104,38.025574 295.616577,38.025547 
+M308.459473,53.945621 
+	C311.118347,53.941208 313.822571,54.220978 316.416229,53.807491 
+	C317.636963,53.612881 318.645294,52.085804 319.749908,51.162525 
+	C318.714783,50.412350 317.693573,49.034912 316.642334,49.011612 
+	C308.503387,48.831196 300.356018,48.813320 292.218903,49.030823 
+	C291.131226,49.059895 290.086365,50.689972 289.021667,51.578640 
+	C290.185730,52.366360 291.317719,53.771553 292.519470,53.833981 
+	C297.491577,54.092274 302.484802,53.944263 308.459473,53.945621 
+M311.423737,101.094933 
+	C312.753357,101.094749 314.188538,101.412674 315.386261,101.015137 
+	C316.938477,100.499931 318.301422,99.414543 319.745850,98.574623 
+	C318.221924,97.734764 316.721619,96.223976 315.170105,96.169418 
+	C307.866272,95.912560 300.543427,95.915749 293.239746,96.174652 
+	C291.806580,96.225449 290.428009,97.816261 289.024261,98.696808 
+	C290.512726,99.495956 291.971069,100.909775 293.495026,100.984459 
+	C299.132385,101.260735 304.791382,101.094864 311.423737,101.094933 
+M300.521637,185.995575 
+	C305.829376,185.987411 311.143341,186.107361 316.438843,185.848740 
+	C317.353058,185.804077 318.188751,184.152863 319.060730,183.243729 
+	C318.204926,182.483643 317.362244,181.081100 316.491272,181.063339 
+	C308.201447,180.894196 299.904816,180.877731 291.616455,181.078064 
+	C290.732788,181.099426 289.889221,182.782196 289.027069,183.694229 
+	C289.874725,184.453644 290.658569,185.760742 291.582153,185.868286 
+	C294.201324,186.173264 296.877625,185.987869 300.521637,185.995575 
+M294.659485,171.946747 
+	C292.632324,172.537811 288.975281,170.324493 289.107483,174.647751 
+	C289.226501,178.538559 292.584412,176.847702 294.517517,176.902817 
+	C301.476044,177.101212 308.448486,177.110519 315.403473,176.856720 
+	C316.652100,176.811157 317.842896,175.180420 319.060394,174.281555 
+	C317.879730,173.504822 316.720215,172.096603 315.514923,172.056320 
+	C308.889709,171.834900 302.253296,171.948181 294.659485,171.946747 
+M313.305359,67.050797 
+	C315.387299,66.864845 317.469208,66.678894 320.656677,66.394196 
+	C315.912018,63.304157 292.349274,63.323627 289.176941,67.050926 
+	C296.901367,67.050926 304.625793,67.050926 313.305359,67.050797 
+M292.832977,129.001450 
+	C301.716309,129.001450 310.599670,129.001450 319.483002,129.001450 
+	C316.164642,125.346123 292.624847,125.243309 288.645386,127.912514 
+	C289.999390,128.359680 290.962677,128.677795 292.832977,129.001450 
+M314.188507,145.943314 
+	C316.002167,145.642487 317.815796,145.341675 319.629456,145.040863 
+	C319.529419,144.584702 319.429382,144.128540 319.329346,143.672379 
+	C309.290009,143.672379 299.250641,143.672379 289.211304,143.672379 
+	C289.181244,144.409393 289.151184,145.146408 289.121124,145.883423 
+	C297.165131,145.903351 305.209167,145.923279 314.188507,145.943314 
+M317.770111,41.987846 
+	C308.225861,41.987846 298.681641,41.987846 289.137390,41.987846 
+	C289.106537,42.548733 289.075684,43.109615 289.044830,43.670502 
+	C289.517151,44.047428 289.986145,44.748352 290.462311,44.753292 
+	C299.415558,44.846180 308.370209,44.895477 317.321838,44.766235 
+	C317.756531,44.759960 318.166382,43.034744 317.770111,41.987846 
+M292.834595,108.007668 
+	C297.330231,108.007980 301.826416,108.051941 306.321350,107.995880 
+	C310.524841,107.943466 314.726990,107.784973 318.929749,107.673164 
+	C318.882996,107.038956 318.836273,106.404739 318.789551,105.770531 
+	C308.925751,105.770531 299.061981,105.770531 289.198212,105.770531 
+	C289.143494,106.188812 289.088776,106.607094 289.034027,107.025375 
+	C289.998779,107.350891 290.963501,107.676399 292.834595,108.007668 
+M316.097595,28.000614 
+	C317.080017,27.617111 318.062408,27.233608 319.044830,26.850105 
+	C318.923706,26.247208 318.802612,25.644308 318.681488,25.041410 
+	C308.871002,25.214935 299.038452,24.496246 289.249268,25.531830 
+	C289.248016,26.357014 289.246765,27.182198 289.245514,28.007381 
+	C297.890320,28.007381 306.535126,28.007381 316.097595,28.000614 
+M306.485168,92.057785 
+	C310.516357,92.057785 314.547516,92.057785 318.578705,92.057785 
+	C318.533600,91.539597 318.488464,91.021408 318.443359,90.503220 
+	C308.814087,90.503220 299.184845,90.503220 289.555573,90.503220 
+	C289.549103,91.021454 289.542603,91.539696 289.536133,92.057930 
+	C294.854156,92.057930 300.172211,92.057930 306.485168,92.057785 
+M304.498474,60.092846 
+	C309.189819,60.092846 313.881165,60.092846 318.572510,60.092846 
+	C318.530762,59.564949 318.489014,59.037048 318.447266,58.509151 
+	C308.815643,58.509151 299.184052,58.509151 289.552429,58.509151 
+	C289.543518,59.037125 289.534607,59.565098 289.525696,60.093071 
+	C294.184631,60.093071 298.843567,60.093071 304.498474,60.092846 
+M289.553284,19.540977 
+	C290.201385,20.048889 290.844788,20.991716 291.498352,20.998838 
+	C299.979797,21.091249 308.462860,21.071884 316.944824,20.997561 
+	C317.527344,20.992455 318.104126,20.326035 318.683563,19.967161 
+	C318.613190,19.662916 318.542847,19.358669 318.472473,19.054424 
+	C309.064056,19.054424 299.655609,19.054424 289.553284,19.540977 
+M296.623962,164.092819 
+	C303.928040,164.073029 311.232147,164.053223 318.536224,164.033432 
+	C318.503296,163.544281 318.470367,163.055145 318.437439,162.566010 
+	C308.814819,162.566010 299.192169,162.566010 289.569550,162.566010 
+	C289.546326,163.075027 289.523071,163.584061 289.499847,164.093079 
+	C291.555328,164.093079 293.610840,164.093079 296.623962,164.092819 
+z"
+      />
+      <path
+        fill="#73B5B2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M190.578995,18.977823 
+	C213.108719,25.276356 230.111588,38.194355 241.683746,58.150066 
+	C257.721893,85.807182 254.263062,123.316658 233.848907,147.792740 
+	C222.512924,161.384293 208.610794,170.629990 191.308807,175.485596 
+	C177.322403,178.696503 163.662827,178.918350 150.051300,175.095352 
+	C134.752716,170.798492 121.528305,163.042679 111.343895,150.793671 
+	C108.073814,146.860703 105.771507,147.259781 101.880562,149.548218 
+	C75.769775,164.905136 49.563915,180.102539 23.255684,195.118301 
+	C20.622242,196.621368 16.672190,197.783661 14.108752,196.886932 
+	C11.577484,196.001480 8.558945,192.367462 8.445974,189.819839 
+	C8.321165,187.005295 10.534144,182.937912 12.982014,181.359360 
+	C23.041960,174.872009 33.572353,169.113129 43.941071,163.105927 
+	C61.368877,153.008957 78.806740,142.929367 96.231911,132.827881 
+	C96.791763,132.503326 97.258972,132.018982 98.082428,131.357742 
+	C92.794754,119.333763 90.090317,106.782410 90.936714,93.592941 
+	C92.846169,63.837769 106.895462,41.556068 132.652115,26.820257 
+	C150.665375,16.514582 170.055420,14.690408 190.578995,18.977823 
+M222.699509,142.738983 
+	C223.510803,141.910568 224.422577,141.158478 225.118500,140.242401 
+	C237.947876,123.354782 242.817215,104.425819 238.615433,83.609550 
+	C236.197479,71.630539 231.511368,60.500450 221.962631,51.296242 
+	C219.002869,48.500298 216.043106,45.704357 212.670654,42.370987 
+	C207.469955,39.547939 202.269241,36.724892 196.544983,33.394543 
+	C189.020432,31.913441 181.495865,30.432341 173.048340,28.881628 
+	C164.661133,30.196404 156.273911,31.511179 147.175186,32.979755 
+	C110.421249,48.460236 93.598946,85.022873 107.126472,121.676781 
+	C114.477028,141.593658 128.541962,155.405518 149.701675,162.444061 
+	C157.814575,163.601822 165.927490,164.759567 174.897354,166.009064 
+	C182.261307,164.333206 189.625259,162.657349 197.669128,160.790039 
+	C202.461075,157.960022 207.253036,155.129990 212.673935,151.989151 
+	C215.816940,149.006287 218.959946,146.023422 222.699509,142.738983 
+z"
+      />
+      <path
+        fill="#76B7B3"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M316.671326,82.957001 
+	C308.419495,82.963318 300.630096,82.852386 292.846588,83.018585 
+	C289.732635,83.085075 288.903015,81.860466 288.884308,78.929855 
+	C288.864929,75.889977 289.925690,74.873222 292.939880,74.934044 
+	C300.723755,75.091141 308.515503,74.888176 316.297180,75.092461 
+	C317.506012,75.124199 319.605042,76.459579 319.682556,77.334717 
+	C319.866669,79.413139 321.352325,82.676498 316.671326,82.957001 
+z"
+      />
+      <path
+        fill="#76B7B3"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M296.107819,118.914917 
+	C293.668121,118.914803 291.712463,118.914803 289.367126,118.914803 
+	C289.367126,116.528641 289.367126,114.643822 289.367126,111.980553 
+	C298.771332,111.980553 308.160706,111.893959 317.541626,112.136322 
+	C318.337128,112.156876 319.885651,114.582542 319.645203,115.522873 
+	C319.310852,116.830246 317.658691,118.693527 316.496246,118.748604 
+	C309.873688,119.062332 303.229004,118.909355 296.107819,118.914917 
+z"
+      />
+      <path
+        fill="#7ABAB6"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M290.520416,154.781464 
+	C287.947998,151.291534 288.145020,149.093613 292.877472,149.108414 
+	C300.490448,149.132248 308.109344,148.964493 315.711517,149.252869 
+	C317.121155,149.306335 318.463684,151.130005 319.837189,152.136673 
+	C318.484955,153.068085 317.154541,154.765961 315.776917,154.805161 
+	C307.509430,155.040512 299.231079,154.894653 290.520416,154.781464 
+z"
+      />
+      <path
+        fill="#73B5B2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M300.026001,138.981262 
+	C297.531708,138.981049 295.532379,139.007202 293.533997,138.975433 
+	C288.781708,138.899918 288.781891,138.888824 289.495392,133.314514 
+	C299.328674,133.314514 309.215424,133.314514 319.352509,133.314514 
+	C319.992554,137.308212 318.908569,139.292145 314.510315,139.040604 
+	C309.861450,138.774704 305.185516,138.981155 300.026001,138.981262 
+z"
+      />
+      <path
+        fill="#73B5B2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M295.137634,38.025558 
+	C293.032104,38.025574 291.405487,38.025574 289.650299,38.025574 
+	C288.362030,33.908531 288.689209,31.715073 293.518555,31.881933 
+	C300.808197,32.133797 308.113251,31.988392 315.411041,31.928047 
+	C317.729248,31.908878 319.709656,32.452789 318.951752,35.141865 
+	C318.617096,36.329346 316.744293,37.841976 315.515808,37.892429 
+	C308.892090,38.164463 302.251404,38.023830 295.137634,38.025558 
+z"
+      />
+      <path
+        fill="#73B5B2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M307.964874,53.945557 
+	C302.484802,53.944263 297.491577,54.092274 292.519470,53.833981 
+	C291.317719,53.771553 290.185730,52.366360 289.021667,51.578644 
+	C290.086365,50.689972 291.131226,49.059895 292.218903,49.030823 
+	C300.356018,48.813320 308.503387,48.831196 316.642334,49.011612 
+	C317.693573,49.034912 318.714783,50.412350 319.749908,51.162521 
+	C318.645294,52.085804 317.636963,53.612881 316.416229,53.807491 
+	C313.822571,54.220978 311.118347,53.941208 307.964874,53.945557 
+z"
+      />
+      <path
+        fill="#73B5B2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M310.932983,101.095047 
+	C304.791382,101.094864 299.132385,101.260735 293.495026,100.984459 
+	C291.971069,100.909775 290.512726,99.495956 289.024261,98.696808 
+	C290.428009,97.816261 291.806580,96.225449 293.239746,96.174652 
+	C300.543427,95.915749 307.866272,95.912560 315.170105,96.169418 
+	C316.721619,96.223976 318.221924,97.734764 319.745850,98.574623 
+	C318.301422,99.414543 316.938477,100.499931 315.386261,101.015137 
+	C314.188538,101.412674 312.753357,101.094749 310.932983,101.095047 
+z"
+      />
+      <path
+        fill="#73B5B2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M300.026550,185.995575 
+	C296.877625,185.987869 294.201324,186.173264 291.582153,185.868286 
+	C290.658569,185.760742 289.874725,184.453644 289.027069,183.694229 
+	C289.889221,182.782196 290.732788,181.099426 291.616455,181.078064 
+	C299.904816,180.877731 308.201447,180.894196 316.491272,181.063339 
+	C317.362244,181.081100 318.204926,182.483643 319.060730,183.243729 
+	C318.188751,184.152863 317.353058,185.804077 316.438843,185.848740 
+	C311.143341,186.107361 305.829376,185.987411 300.026550,185.995575 
+z"
+      />
+      <path
+        fill="#73B5B2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M295.140106,171.946671 
+	C302.253296,171.948181 308.889709,171.834900 315.514923,172.056320 
+	C316.720215,172.096603 317.879730,173.504822 319.060394,174.281555 
+	C317.842896,175.180420 316.652100,176.811157 315.403473,176.856720 
+	C308.448486,177.110519 301.476044,177.101212 294.517517,176.902817 
+	C292.584412,176.847702 289.226501,178.538559 289.107483,174.647751 
+	C288.975281,170.324493 292.632324,172.537811 295.140106,171.946671 
+z"
+      />
+      <path
+        fill="#7ABAB6"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M312.827789,67.050858 
+	C304.625793,67.050926 296.901367,67.050926 289.176941,67.050926 
+	C292.349274,63.323627 315.912018,63.304157 320.656677,66.394196 
+	C317.469208,66.678894 315.387299,66.864845 312.827789,67.050858 
+z"
+      />
+      <path
+        fill="#7ABAB6"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M292.379456,128.998688 
+	C290.962677,128.677795 289.999390,128.359680 288.645386,127.912514 
+	C292.624847,125.243309 316.164642,125.346123 319.483002,129.001450 
+	C310.599670,129.001450 301.716309,129.001450 292.379456,128.998688 
+z"
+      />
+      <path
+        fill="#7ABAB6"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M313.720825,145.943268 
+	C305.209167,145.923279 297.165131,145.903351 289.121124,145.883423 
+	C289.151184,145.146408 289.181244,144.409393 289.211304,143.672379 
+	C299.250641,143.672379 309.290009,143.672379 319.329346,143.672379 
+	C319.429382,144.128540 319.529419,144.584702 319.629456,145.040863 
+	C317.815796,145.341675 316.002167,145.642487 313.720825,145.943268 
+z"
+      />
+      <path
+        fill="#7ABAB6"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M318.178955,42.048912 
+	C318.166382,43.034744 317.756531,44.759960 317.321838,44.766235 
+	C308.370209,44.895477 299.415558,44.846180 290.462311,44.753292 
+	C289.986145,44.748352 289.517151,44.047428 289.044830,43.670502 
+	C289.075684,43.109615 289.106537,42.548733 289.137390,41.987846 
+	C298.681641,41.987846 308.225861,41.987846 318.178955,42.048912 
+z"
+      />
+      <path
+        fill="#7ABAB6"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M292.381409,108.004791 
+	C290.963501,107.676399 289.998779,107.350891 289.034027,107.025375 
+	C289.088776,106.607094 289.143494,106.188812 289.198212,105.770531 
+	C299.061981,105.770531 308.925751,105.770531 318.789551,105.770531 
+	C318.836273,106.404739 318.882996,107.038956 318.929749,107.673164 
+	C314.726990,107.784973 310.524841,107.943466 306.321350,107.995880 
+	C301.826416,108.051941 297.330231,108.007980 292.381409,108.004791 
+z"
+      />
+      <path
+        fill="#7ABAB6"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M315.638763,28.003998 
+	C306.535126,28.007381 297.890320,28.007381 289.245514,28.007381 
+	C289.246765,27.182198 289.248016,26.357014 289.249268,25.531830 
+	C299.038452,24.496246 308.871002,25.214935 318.681488,25.041410 
+	C318.802612,25.644308 318.923706,26.247208 319.044830,26.850105 
+	C318.062408,27.233608 317.080017,27.617111 315.638763,28.003998 
+z"
+      />
+      <path
+        fill="#70B4B0"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M305.987701,92.057861 
+	C300.172211,92.057930 294.854156,92.057930 289.536133,92.057930 
+	C289.542603,91.539696 289.549103,91.021454 289.555573,90.503220 
+	C299.184845,90.503220 308.814087,90.503220 318.443359,90.503220 
+	C318.488464,91.021408 318.533600,91.539597 318.578705,92.057785 
+	C314.547516,92.057785 310.516357,92.057785 305.987701,92.057861 
+z"
+      />
+      <path
+        fill="#70B4B0"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M304.000488,60.092957 
+	C298.843567,60.093071 294.184631,60.093071 289.525696,60.093071 
+	C289.534607,59.565098 289.543518,59.037125 289.552429,58.509151 
+	C299.184052,58.509151 308.815643,58.509151 318.447266,58.509151 
+	C318.489014,59.037048 318.530762,59.564949 318.572510,60.092846 
+	C313.881165,60.092846 309.189819,60.092846 304.000488,60.092957 
+z"
+      />
+      <path
+        fill="#70B4B0"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M289.900238,19.297701 
+	C299.655609,19.054424 309.064056,19.054424 318.472473,19.054424 
+	C318.542847,19.358669 318.613190,19.662916 318.683563,19.967161 
+	C318.104126,20.326035 317.527344,20.992455 316.944824,20.997561 
+	C308.462860,21.071884 299.979797,21.091249 291.498352,20.998838 
+	C290.844788,20.991716 290.201385,20.048889 289.900238,19.297701 
+z"
+      />
+      <path
+        fill="#70B4B0"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M296.145142,164.092957 
+	C293.610840,164.093079 291.555328,164.093079 289.499847,164.093079 
+	C289.523071,163.584061 289.546326,163.075027 289.569550,162.566010 
+	C299.192169,162.566010 308.814819,162.566010 318.437439,162.566010 
+	C318.470367,163.055145 318.503296,163.544281 318.536224,164.033432 
+	C311.232147,164.053223 303.928040,164.073029 296.145142,164.092957 
+z"
+      />
+      <path
+        fill="#F1F2F2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M149.048553,162.110367 
+	C128.541962,155.405518 114.477028,141.593658 107.126472,121.676781 
+	C93.598946,85.022873 110.421249,48.460236 147.835358,33.215416 
+	C148.664078,35.417965 148.977722,37.384697 148.979843,39.351761 
+	C149.023987,80.271271 149.032776,121.190826 149.048553,162.110367 
+z"
+      />
+      <path
+        fill="#C7E2E1"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M149.375122,162.277222 
+	C149.032776,121.190826 149.023987,80.271271 148.979843,39.351761 
+	C148.977722,37.384697 148.664078,35.417965 148.191101,33.138519 
+	C156.273911,31.511179 164.661133,30.196404 173.518616,29.389690 
+	C174.006058,75.237610 174.023224,120.577469 174.040390,165.917328 
+	C165.927490,164.759567 157.814575,163.601822 149.375122,162.277222 
+z"
+      />
+      <path
+        fill="#F2F2F2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M174.468872,165.963196 
+	C174.023224,120.577469 174.006058,75.237610 173.980103,29.424496 
+	C181.495865,30.432341 189.020432,31.913441 196.787598,34.125145 
+	C197.016556,76.897667 197.002884,118.939575 196.989212,160.981491 
+	C189.625259,162.657349 182.261307,164.333206 174.468872,165.963196 
+z"
+      />
+      <path
+        fill="#C8E2E1"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M197.329163,160.885773 
+	C197.002884,118.939575 197.016556,76.897667 197.049377,34.378799 
+	C202.269241,36.724892 207.469955,39.547939 212.570419,42.939919 
+	C212.309052,44.646492 212.007370,45.784111 212.007187,46.921783 
+	C212.001617,82.047844 212.025574,117.173912 212.044983,152.299973 
+	C207.253036,155.129990 202.461075,157.960022 197.329163,160.885773 
+z"
+      />
+      <path
+        fill="#C7E2E1"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M222.214111,51.924042 
+	C231.511368,60.500450 236.197479,71.630539 238.615433,83.609550 
+	C242.817215,104.425819 237.947876,123.354782 225.118500,140.242401 
+	C224.422577,141.158478 223.510803,141.910568 222.092712,142.597412 
+	C221.332520,141.653305 221.045792,140.850891 221.045090,140.048218 
+	C221.020737,112.030373 221.006622,84.012482 221.072662,55.994785 
+	C221.075867,54.636986 221.816742,53.280918 222.214111,51.924042 
+z"
+      />
+      <path
+        fill="#F1F2F2"
+        opacity="1.000000"
+        stroke="none"
+        d="
+M222.088379,51.610146 
+	C221.816742,53.280918 221.075867,54.636986 221.072662,55.994785 
+	C221.006622,84.012482 221.020737,112.030373 221.045090,140.048218 
+	C221.045792,140.850891 221.332520,141.653305 221.794434,142.748199 
+	C218.959946,146.023422 215.816940,149.006287 212.359451,152.144562 
+	C212.025574,117.173912 212.001617,82.047844 212.007187,46.921783 
+	C212.007370,45.784111 212.309052,44.646492 212.776764,43.208633 
+	C216.043106,45.704357 219.002869,48.500298 222.088379,51.610146 
+z"
+      />
+    </svg>
+  );
+};

package/src/past-patient-bills/patient-bills-dashboard/patient-bills-dashboard.scss

@@ -0,0 +1,53 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use '@carbon/type';
+
+.container {
+  height: calc(100vh - 3rem);
+  button {
+    height: auto !important;
+  }
+
+  form {
+    border: none;
+  }
+}
+
+.billsTableContainer {
+  margin: layout.$spacing-03 layout.$spacing-01;
+}
+.emptyStateContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 300px;
+  background-color: colors.$gray-10;
+  row-gap: layout.$spacing-02;
+  border: 1px solid colors.$gray-20;
+
+  & form {
+    border: none;
+  }
+
+  svg {
+    width: 190px;
+    height: 90px;
+  }
+
+  .title {
+    @include type.type-style('heading-01');
+    color: colors.$cool-gray-70;
+  }
+
+  .subTitle {
+    @include type.type-style('body-compact-01');
+    color: colors.$cool-gray-70;
+  }
+}
+
+.patientSearchExtensionContainer {
+  & form {
+    border: none;
+  }
+}

package/src/past-patient-bills/patient-bills-dashboard/patient-bills-dashboard.tsx

@@ -0,0 +1,44 @@
+import React, { useState } from 'react';
+import styles from './patient-bills-dashboard.scss';
+import { ErrorState } from '@openmrs/esm-framework';
+import { useTranslation } from 'react-i18next';
+import { PatientBills } from '../patient-bills.component';
+import { usePatientBills } from '../../prompt-payment/prompt-payment.resource';
+import PatientSearchExtension from './patient-search-extension.component';
+import EmptyPatientBill from './empty-patient-bill.component';
+
+const PatientBillsScreen: React.FC = () => {
+  const { t } = useTranslation();
+  const [patientUuid, setPatientUuid] = useState<string | undefined>();
+  const { patientBills: bills, isLoading, error } = usePatientBills(patientUuid);
+
+  if (error) {
+    return (
+      <div className={`${styles.emptyStateContainer} ${styles.container}`}>
+        <PatientSearchExtension setPatientUuid={setPatientUuid} />
+        <ErrorState
+          error={t('anErrorOccurredLoadingPatientBills', 'An error occurred loading patient bills')}
+          headerTitle={t('errorLoadingPatientBills', 'Error loading patient bills')}
+        />
+      </div>
+    );
+  }
+
+  if (!patientUuid) {
+    return (
+      <>
+        <PatientSearchExtension setPatientUuid={setPatientUuid} />
+        <EmptyPatientBill />
+      </>
+    );
+  }
+
+  return (
+    <main className={styles.container}>
+      <PatientSearchExtension setPatientUuid={setPatientUuid} />
+      <PatientBills patientUuid={patientUuid} bills={bills} onCancel={setPatientUuid} />
+    </main>
+  );
+};
+
+export default PatientBillsScreen;

package/src/past-patient-bills/patient-bills-dashboard/patient-search-extension.component.tsx

@@ -0,0 +1,25 @@
+import { ExtensionSlot } from '@openmrs/esm-framework';
+import React, { Dispatch, SetStateAction } from 'react';
+import styles from './patient-bills-dashboard.scss';
+
+type PatientSearchExtensionProps = {
+  setPatientUuid: Dispatch<SetStateAction<string | undefined>>;
+};
+
+const PatientSearchExtension: React.FC<PatientSearchExtensionProps> = ({ setPatientUuid }) => {
+  return (
+    <div className={styles.patientSearchExtensionContainer}>
+      <ExtensionSlot
+        name="patient-search-bar-slot"
+        state={{
+          selectPatientAction: (patientUuid: string) => setPatientUuid(patientUuid),
+          buttonProps: {
+            kind: 'secondary',
+          },
+        }}
+      />
+    </div>
+  );
+};
+
+export default PatientSearchExtension;