@aurora-is-near/intents-swap-widget 3.21.1 → 3.23.0

package/dist/components/WidgetTabs.d.ts

@@ -0,0 +1,8 @@
+declare const TABS: readonly ["swap", "deposit", "withdraw"];
+export type WidgetTab = (typeof TABS)[number];
+type Props = {
+    activeTab: WidgetTab;
+    onSelect: (tab: WidgetTab) => void;
+};
+export declare const WidgetTabs: ({ activeTab, onSelect }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/WidgetTabs.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../constants/chains.js";
+import "viem";
+import "ethers";
+import { cn as o } from "../utils/cn.js";
+const p = ["swap", "deposit", "withdraw"], w = ({ activeTab: s, onSelect: e }) => /* @__PURE__ */ t("nav", { className: "space-x-[10px] mb-sw-2xl w-full", children: p.map((r) => /* @__PURE__ */ t(
+  "button",
+  {
+    onClick: () => e(r),
+    className: o(
+      "rounded-sw-md text-sw-label-md cursor-pointer py-[10px] px-sw-lg",
+      s === r ? "bg-sw-gray-50 text-sw-gray-950" : "bg-transparent text-sw-gray-200"
+    ),
+    children: r.charAt(0).toUpperCase() + r.slice(1)
+  }
+)) });
+export {
+  w as WidgetTabs
+};
+//# sourceMappingURL=WidgetTabs.js.map

package/dist/components/WidgetTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetTabs.js","sources":["../../src/components/WidgetTabs.tsx"],"sourcesContent":["import { cn } from '../utils';\n\nconst TABS = ['swap', 'deposit', 'withdraw'] as const;\n\nexport type WidgetTab = (typeof TABS)[number];\n\ntype Props = {\n  activeTab: WidgetTab;\n  onSelect: (tab: WidgetTab) => void;\n};\n\nexport const WidgetTabs = ({ activeTab, onSelect }: Props) => {\n  return (\n    <nav className=\"space-x-[10px] mb-sw-2xl w-full\">\n      {TABS.map((tab) => {\n        const isActive = activeTab === tab;\n\n        return (\n          <button\n            onClick={() => onSelect(tab)}\n            className={cn(\n              'rounded-sw-md text-sw-label-md cursor-pointer py-[10px] px-sw-lg',\n              isActive\n                ? 'bg-sw-gray-50 text-sw-gray-950'\n                : 'bg-transparent text-sw-gray-200',\n            )}>\n            {tab.charAt(0).toUpperCase() + tab.slice(1)}\n          </button>\n        );\n      })}\n    </nav>\n  );\n};\n"],"names":["TABS","WidgetTabs","activeTab","onSelect","tab","jsx","cn"],"mappings":";;;;;AAEA,MAAMA,IAAO,CAAC,QAAQ,WAAW,UAAU,GAS9BC,IAAa,CAAC,EAAE,WAAAC,GAAW,UAAAC,0BAEnC,OAAA,EAAI,WAAU,mCACZ,UAAAH,EAAK,IAAI,CAACI,MAIP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS,MAAMF,EAASC,CAAG;AAAA,IAC3B,WAAWE;AAAA,MACT;AAAA,MANWJ,MAAcE,IAQrB,mCACA;AAAA,IAAA;AAAA,IAEL,UAAAA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAAA,EAAA;AAAA,CAG/C,EAAA,CACH;"}