UNPKG

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
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