@tohuhono/puck-blocks
Version:
A collection of puck components for building pages in OberonCMS
89 lines (88 loc) • 5.33 kB
JavaScript
"use client";
import { jsxs, jsx } from "react/jsx-runtime";
import { Avatar, AvatarFallback } from "@tohuhono/ui/avatar";
import { Button } from "@tohuhono/ui/button";
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@tohuhono/ui/card";
import { Input } from "@tohuhono/ui/input";
import { Label } from "@tohuhono/ui/label";
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@tohuhono/ui/select";
import { Separator } from "@tohuhono/ui/separator";
function CardsShare() {
return /* @__PURE__ */ jsxs(Card, { children: [
/* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
/* @__PURE__ */ jsx(CardTitle, { children: "Share this document" }),
/* @__PURE__ */ jsx(CardDescription, { children: "Anyone with the link can view this document." })
] }),
/* @__PURE__ */ jsxs(CardContent, { children: [
/* @__PURE__ */ jsxs("div", { className: "flex space-x-2", children: [
/* @__PURE__ */ jsx(Label, { htmlFor: "link", className: "sr-only", children: "Link" }),
/* @__PURE__ */ jsx(
Input,
{
id: "link",
value: "http://example.com/link/to/document",
readOnly: true
}
),
/* @__PURE__ */ jsx(Button, { className: "shrink-0", children: "Copy Link" })
] }),
/* @__PURE__ */ jsx(Separator, { className: "my-4" }),
/* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
/* @__PURE__ */ jsx("h4", { className: "text-sm font-medium", children: "People with access" }),
/* @__PURE__ */ jsxs("div", { className: "grid gap-6", children: [
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between space-x-4", children: [
/* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
/* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AvatarFallback, { children: "OM" }) }),
/* @__PURE__ */ jsxs("div", { children: [
/* @__PURE__ */ jsx("p", { className: "text-sm leading-none font-medium", children: "Olivia Martin" }),
/* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "m@example.com" })
] })
] }),
/* @__PURE__ */ jsxs(Select, { defaultValue: "edit", children: [
/* @__PURE__ */ jsx(SelectTrigger, { className: "ml-auto w-[110px]", "aria-label": "Edit", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select" }) }),
/* @__PURE__ */ jsxs(SelectContent, { children: [
/* @__PURE__ */ jsx(SelectItem, { value: "edit", children: "Can edit" }),
/* @__PURE__ */ jsx(SelectItem, { value: "view", children: "Can view" })
] })
] })
] }),
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between space-x-4", children: [
/* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
/* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AvatarFallback, { children: "IN" }) }),
/* @__PURE__ */ jsxs("div", { children: [
/* @__PURE__ */ jsx("p", { className: "text-sm leading-none font-medium", children: "Isabella Nguyen" }),
/* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "b@example.com" })
] })
] }),
/* @__PURE__ */ jsxs(Select, { defaultValue: "view", children: [
/* @__PURE__ */ jsx(SelectTrigger, { className: "ml-auto w-[110px]", "aria-label": "Edit", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select" }) }),
/* @__PURE__ */ jsxs(SelectContent, { children: [
/* @__PURE__ */ jsx(SelectItem, { value: "edit", children: "Can edit" }),
/* @__PURE__ */ jsx(SelectItem, { value: "view", children: "Can view" })
] })
] })
] }),
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between space-x-4", children: [
/* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
/* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AvatarFallback, { children: "SD" }) }),
/* @__PURE__ */ jsxs("div", { children: [
/* @__PURE__ */ jsx("p", { className: "text-sm leading-none font-medium", children: "Sofia Davis" }),
/* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "p@example.com" })
] })
] }),
/* @__PURE__ */ jsxs(Select, { defaultValue: "view", children: [
/* @__PURE__ */ jsx(SelectTrigger, { className: "ml-auto w-[110px]", "aria-label": "Edit", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select" }) }),
/* @__PURE__ */ jsxs(SelectContent, { children: [
/* @__PURE__ */ jsx(SelectItem, { value: "edit", children: "Can edit" }),
/* @__PURE__ */ jsx(SelectItem, { value: "view", children: "Can view" })
] })
] })
] })
] })
] })
] })
] });
}
export {
CardsShare
};