All variants

/**
 * All variants - adapted for tealmac UI from the ReUI example "c-icon-tile-4"
 * (https://github.com/keenthemes/reui), MIT License, Copyright (c) 2025
 * Keenthemes Inc. The full licence text is in THIRD_PARTY_NOTICES.md.
 * Changes: tealmac UI import paths and theme tokens, lucide icons, logical
 * (RTL-safe) spacing and alignment, reduced-motion support and sample
 * content.
 */
import { PackageIcon } from "lucide-react"

import { IconTile } from "@/components/ui/icon-tile"

const variants = ["outline", "elevated", "soft", "solid", "frame"] as const

export function IconTileAllVariants() {
  return (
    <div className="flex items-center justify-center gap-4">
      {variants.map((variant) => (
        <IconTile key={variant} variant={variant} aria-hidden="true">
          <PackageIcon />
        </IconTile>
      ))}
    </div>
  )
}