"use client"

import { Icon } from "@iconify/react"
import { UltidriveSharePreview } from "@/components/landing/product/product-demos/ultidrive-share-preview"

export function UltidriveShareDemo() {
  return (
    <div className="flex flex-col gap-3">
      <UltidriveSharePreview />
      <p className="flex items-start gap-2 text-sm text-[var(--landing-muted)]">
        <Icon icon="mdi:incognito" className="mt-0.5 size-4 shrink-0" aria-hidden />
        Partage par lien, utilisateurs et groupes — permissions héritées du dossier parent.
      </p>
    </div>
  )
}