4f10b5e42d
447+ 파일, 4500+ 줄 변경: - gray-* → border/bg-muted/text-foreground/text-muted-foreground - blue-* → primary/ring - red-* → destructive - green-* → emerald (일관성) - indigo-* → primary - yellow/orange → amber (통일) - dark mode 변형도 시맨틱 토큰으로 변환 Made-with: Cursor
32 lines
860 B
TypeScript
32 lines
860 B
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { Map } from "lucide-react";
|
|
|
|
interface MapPreviewComponentProps {
|
|
component: {
|
|
config?: {
|
|
dataSource?: {
|
|
tableName?: string;
|
|
};
|
|
};
|
|
};
|
|
}
|
|
|
|
export default function MapPreviewComponent({ component }: MapPreviewComponentProps) {
|
|
const tableName = component.config?.dataSource?.tableName;
|
|
|
|
return (
|
|
<div className="flex h-full w-full items-center justify-center bg-gradient-to-br from-primary/5 to-indigo-50 border-2 border-dashed border-primary/40">
|
|
<div className="text-center">
|
|
<Map className="mx-auto h-12 w-12 text-primary" />
|
|
<p className="mt-2 text-sm font-medium text-primary">지도 컴포넌트</p>
|
|
{tableName && (
|
|
<p className="mt-1 text-xs text-primary">테이블: {tableName}</p>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|