UNPKG

@sikka/hawa

Version:

Modern UI Kit made with Tailwind

1 lines 3.86 kB
{"version":3,"sources":["../../elements/appStores/AppStores.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\ntype StoreButtonsTypes = {\n store: \"apple\" | \"google\";\n};\n\nexport const AppStores: FC<StoreButtonsTypes> = (props) => {\n return (\n <div className=\"hawa-flex hawa-justify-center\">\n <div>\n {props.store === \"apple\" ? (\n <div className=\"hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black\">\n <div className=\"hawa-mr-3\">\n <svg viewBox=\"0 0 384 512\" width=\"30\">\n <path\n fill=\"currentColor\"\n d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z\"\n />\n </svg>\n </div>\n <div>\n <div className=\"hawa-text-xs\">Download on the</div>\n <div className=\"hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold\">\n App Store\n </div>\n </div>\n </div>\n ) : (\n <div className=\"hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black\">\n <div className=\"hawa-mr-3\">\n <svg viewBox=\"30 336.7 120.9 129.2\" width=\"30\">\n <path\n fill=\"#FFD400\"\n d=\"M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z\"\n />\n <path\n fill=\"#FF3333\"\n d=\"M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z\"\n />\n <path\n fill=\"#48FF48\"\n d=\"M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z\"\n />\n <path\n fill=\"#3BCCFF\"\n d=\"M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z\"\n />\n </svg>\n </div>\n <div>\n <div className=\"hawa-text-xs\">GET IT ON</div>\n <div className=\"hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold\">\n Google Play\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n"],"mappings":";;;AAAA,OAAO,WAAmB;AAMnB,IAAM,YAAmC,CAAC,UAAU;AACzD,SACE,oCAAC,SAAI,WAAU,mCACb,oCAAC,aACE,MAAM,UAAU,UACf,oCAAC,SAAI,WAAU,yKACb,oCAAC,SAAI,WAAU,eACb,oCAAC,SAAI,SAAQ,eAAc,OAAM,QAC/B;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,CACF,CACF,GACA,oCAAC,aACC,oCAAC,SAAI,WAAU,kBAAe,iBAAe,GAC7C,oCAAC,SAAI,WAAU,gEAA6D,WAE5E,CACF,CACF,IAEA,oCAAC,SAAI,WAAU,uMACb,oCAAC,SAAI,WAAU,eACb,oCAAC,SAAI,SAAQ,wBAAuB,OAAM,QACxC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,CACF,CACF,GACA,oCAAC,aACC,oCAAC,SAAI,WAAU,kBAAe,WAAS,GACvC,oCAAC,SAAI,WAAU,+DAA4D,aAE3E,CACF,CACF,CAEJ,CACF;AAEJ;","names":[]}