import React from 'react' function SmallBadge({ children, tone = 'default' }) { const styles = { default: 'border-white/10 bg-white/[0.06] text-slate-200', accent: 'border-sky-300/20 bg-sky-400/10 text-sky-100', feature: 'border-emerald-300/20 bg-emerald-400/10 text-emerald-100', } return {children} } export default function WorldRelationCard({ relation, index, total, sectionLabel, onEdit, onRemove, onMove }) { const preview = relation?.preview || null return (
{preview?.image ? : null} {!preview?.image && preview?.avatar ? : null} {!preview?.image && !preview?.avatar ?
: null} {preview?.avatar && preview?.image ? : null}
{preview?.entity_label ? {preview.entity_label} : null} {sectionLabel ? {sectionLabel} : null} {relation?.is_featured ? Featured : null}
{preview?.title || 'Choose a relation'}
{preview?.subtitle ?
{preview.subtitle}
: null} {preview?.description ?
{preview.description}
: null} {relation?.context_label ?
{relation.context_label}
: null} {Array.isArray(preview?.meta) && preview.meta.length > 0 ?
{preview.meta.map((item) => {item})}
: null}
{preview?.url ? Open entity : null}
) }