import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
export function AttachmentPreview({ attachments, tokens, }) {
    if (attachments.length === 0) {
        return null;
    }
    return (_jsx("div", { className: "flex flex-wrap", style: { gap: tokens.spacing.attachmentGap }, children: attachments.map((attachment) => (_jsx("span", { style: {
                borderRadius: tokens.radius.attachmentPreview,
                background: tokens.color.surfaceInputFocus,
                color: tokens.color.textSecondary,
                padding: "4px 10px",
            }, title: attachment.url ?? attachment.name, children: attachment.name }, attachment.id))) }));
}
