@sikka/hawa
Version:
Modern UI Kit made with Tailwind
41 lines (40 loc) • 3.04 kB
JavaScript
"use client";
// elements/appStores/AppStores.tsx
import React from "react";
var AppStores = (props) => {
return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ React.createElement("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" }, /* @__PURE__ */ React.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React.createElement(
"path",
{
fill: "currentColor",
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"
}
))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React.createElement("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" }, /* @__PURE__ */ React.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React.createElement(
"path",
{
fill: "#FFD400",
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"
}
), /* @__PURE__ */ React.createElement(
"path",
{
fill: "#FF3333",
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"
}
), /* @__PURE__ */ React.createElement(
"path",
{
fill: "#48FF48",
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"
}
), /* @__PURE__ */ React.createElement(
"path",
{
fill: "#3BCCFF",
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"
}
))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
};
export {
AppStores
};
//# sourceMappingURL=index.mjs.map