import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Table, VTooltip } from "@vertesia/ui/core";
import { Info } from "lucide-react";
export function PropertiesView({ className, properties }) {
    return (_jsx(Table, { className: className, children: _jsx("tbody", { children: properties.map((property) => (_jsxs("tr", { children: [_jsxs("td", { className: 'w-1/3 font-semibold gap-2', children: [_jsx("span", { children: property.name }), property.description &&
                                _jsx(VTooltip, { description: property.description, placement: "top", children: _jsx(Info, { className: "size-3 ml-2 text-muted-foreground" }) })] }), _jsx("td", { className: 'w-2/3', children: property.value ?? 'undefined' })] }, property.name))) }) }));
}
//# sourceMappingURL=PropertiesView.js.map