チェックボックス付きステータス一覧UI

評価用 Prompt

i need checkbox, Version, Status, Modified on, Modified by in "<div class="max-h-80 overflow-y-auto divide-y divide-gray-100"><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">Master Reseller Agreement 2025</p><p class="text-xs text-gray-500">TPL-001 • v4.0 • Reseller</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-green-100 text-green-700">Published</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">Channel Partner Agreement</p><p class="text-xs text-gray-500">TPL-002 • v2.3 • Channel Partner</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-green-100 text-green-700">Published</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">Technology Alliance Template</p><p class="text-xs text-gray-500">TPL-003 • v1.5 • Technology Alliance</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-yellow-100 text-yellow-700">Under Review</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">OEM License Agreement</p><p class="text-xs text-gray-500">TPL-004 • v3.1 • OEM</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-green-100 text-green-700">Published</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">Distribution Agreement - APAC</p><p class="text-xs text-gray-500">TPL-005 • v2.0 • Distributor</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-green-100 text-green-700">Published</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">Service Provider Framework</p><p class="text-xs text-gray-500">TPL-006 • v1.2 • Service Provider</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-gray-100 text-gray-600">Draft</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">System Integrator Agreement</p><p class="text-xs text-gray-500">TPL-007 • v1.0 • System Integrator</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-yellow-100 text-yellow-700">Approved</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">ISV Partner Agreement</p><p class="text-xs text-gray-500">TPL-008 • v2.1 • ISV</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-green-100 text-green-700">Published</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">VAR Agreement - LATAM</p><p class="text-xs text-gray-500">TPL-009 • v1.3 • VAR</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-yellow-100 text-yellow-700">Under Review</span></div></div><div class="px-5 py-3 hover:bg-gray-50 transition-colors"><div class="flex items-center justify-between"><div><p class="text-sm font-medium text-gray-900">MSP Cloud Services Agreement</p><p class="text-xs text-gray-500">TPL-010 • v1.0 • MSP</p></div><span class="text-xs font-medium px-2 py-0.5 rounded-full bg-gray-100 text-gray-600">Draft</span></div></div></div>" structure as below with tailwind css