geoiq-frontend-ui-kit
Version:
This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.
41 lines (40 loc) • 1.77 kB
JavaScript
import * as e from "react";
import { ChevronLeft as r, ChevronRight as s, MoreHorizontal as l } from "lucide-react";
import { Button as n } from "./index.es7.js";
import { Typography as o } from "./index.es17.js";
const m = ({ className: a, ...t }) => /* @__PURE__ */ e.createElement(
"nav",
{
role: "navigation",
"aria-label": "pagination",
className: `mx-auto flex w-full justify-center ${a}`,
...t
}
);
m.displayName = "Pagination";
const c = e.forwardRef(({ className: a, ...t }, i) => /* @__PURE__ */ e.createElement(
"ul",
{
ref: i,
className: `flex flex-row items-center gap-1 ${a}`,
...t
}
));
c.displayName = "PaginationContent";
const g = e.forwardRef(({ className: a, ...t }, i) => /* @__PURE__ */ e.createElement("li", { ref: i, className: a, ...t }));
g.displayName = "PaginationItem";
const p = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(r, { className: "w-4 h-4" }), /* @__PURE__ */ e.createElement(o, { variant: "body4" }, "Previous"));
p.displayName = "PaginationPrevious";
const P = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(o, { variant: "body4" }, "Next"), /* @__PURE__ */ e.createElement(s, { className: "w-4 h-4" }));
P.displayName = "PaginationNext";
const f = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(l, { className: "w-4 h-4 stroke-light-1" }));
f.displayName = "PaginationEllipsis";
export {
m as Pagination,
c as PaginationContent,
f as PaginationEllipsis,
g as PaginationItem,
P as PaginationNext,
p as PaginationPrevious
};
//# sourceMappingURL=index.es138.js.map