@flowselections/pick-schermen-kwekers 1.0.2 → 1.0.3

package/dist-lib/components/pick/CountryTiles.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from "@flowselections/core";
-export function CountryTiles({ countries, counts, onSelect }) {
-    const list = Array.isArray(countries) ? countries : [];
-    return (_jsxs("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5", children: [list.map((c) => {
-                const count = counts?.[c.code] ?? 0;
-                return (_jsxs(Card, { role: "button", tabIndex: 0, onClick: () => onSelect(c.code), onKeyDown: (e) => {
-                        if (e.key === "Enter" || e.key === " ")
-                            onSelect(c.code);
-                    }, className: "cursor-pointer select-none border-2 p-6 text-center transition-all hover:border-primary hover:shadow-lg focus:border-primary focus:outline-none active:scale-[0.98]", children: [_jsx("div", { className: "text-5xl leading-none", children: c.flag ?? "🏳️" }), _jsx("div", { className: "mt-3 text-lg font-semibold text-foreground", children: c.name }), _jsx("div", { className: "mt-2 inline-flex min-w-12 items-center justify-center rounded-full px-3 py-1 text-sm font-bold " +
-                                (count > 0 ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"), children: count })] }, c.id));
-            }), list.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen landen geconfigureerd." }))] }));
-}