import { Handle, Position } from 'reactflow';

export default function NodeKinerja({ data }: any) {
    return (
        <div className="flex h-[150px] w-[350px] flex-col items-center justify-center rounded-lg border bg-sky-200 text-center shadow">
            <div className="w-full bg-orange-200 p-2">
                <span className="block text-sm leading-tight font-bold break-words whitespace-normal uppercase">
                    {data.kategori}
                </span>
            </div>

            {/* Bagian uraian */}
            <div className="flex w-full flex-1 items-center justify-center bg-emerald-100 p-2">
                <span className="block text-justify text-sm leading-tight break-words whitespace-normal">
                    {data.uraian}
                </span>
            </div>

            {/* Handle bawaan reactflow */}
            <Handle type="target" position={Position.Top} />
            <Handle type="source" position={Position.Bottom} />
        </div>
    );
}