Work Files Card

import { WorkFilesCard } from "@/components/folders";

// 1. Default (uses the atmospheric sample artwork with film grain)
export function ExampleDefault() {
  return (
    <WorkFilesCard
      title="Work files"
      subtitle="Notes & More"
      filesCount="2 386 Files"
    />
  );
}

// 2. Using a Custom Wallpaper / Texture Image (with auto grain & glass sheen)
export function ExampleCustomImage() {
  return (
    <WorkFilesCard
      title="Artwork & More"
      subtitle="Design Collection"
      filesCount="4 120 Files"
      image="/assets/wallpapers/custom-mesh.jpg"
    />
  );
}

// 3. Using a Built-in Preset ("blue" | "crimson" | "purple" | "amber")
export function ExamplePreset() {
  return (
    <WorkFilesCard
      title="Work files"
      subtitle="Notes & More"
      filesCount="2 386 Files"
      preset="blue"
    />
  );
}

// 4. Using a Specific Custom Color (e.g. Emerald, Rose, Amber)
export function ExampleColor() {
  return (
    <WorkFilesCard
      title="Finances"
      subtitle="Invoices & Reports"
      filesCount="842 Files"
      color="#059669"
    />
  );
}