json-render/examples/dashboard/components/ui/text.tsx

"use client";

import { type ComponentRenderProps } from "@json-render/react";

export function Text({ element }: ComponentRenderProps) {
  const { content, variant } = element.props as {
    content: string;
    variant?: string | null;
  };
  const colors: Record<string, string> = {
    default: "var(--foreground)",
    muted: "var(--muted)",
    success: "#22c55e",
    warning: "#eab308",
    error: "#ef4444",
  };
  return (
    <p style={{ margin: 0, color: colors[variant || "default"] }}>{content}</p>
  );
}