import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from '../../../scalars/lib/utils.js';
import { getTextAlignmentClasses } from './utils.js';
const renderUrlCell = (value, context) => {
    const url = value?.toString() ?? '';
    return (_jsx("div", { className: cn(getTextAlignmentClasses(context)), style: { maxWidth: context.column.maxWidth ?? context.column.width }, children: url && (_jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "text-blue-900 hover:underline focus-visible:outline-none truncate block", children: url })) }));
};
export { renderUrlCell };
//# sourceMappingURL=url-render.js.map