import { FolderSimple, ImageBroken } from "@phosphor-icons/react";
import type { LayerThumbnailModel, RasterThumbnailModel } from "./thumbnailModel";
export function LayerThumbnail({ model, label, compact = false }: { model: LayerThumbnailModel; label: string; compact?: boolean }) {
const sizeClass = compact ? "h-7 w-9 rounded-md" : "h-8 w-10 rounded-lg";
return (
{model.kind === "raster" ? : null}
{model.kind === "group" ? (
<>
{model.previews.map((preview, index) => )}
) : null}
{model.kind === "empty" ? : null}
);
}
function RasterPreview({ model }: { model: RasterThumbnailModel }) {
const { x, y, w, h } = model.viewBox;
return (
);
}