Borders

'border'          // 1px border
'border-2'        // 2px border
'border border-zinc-800' // 1px with color

'rounded-xl'      // 12px radius
'rounded-full'    // Fully rounded (circles)
'rounded-2xl'     // 16px radius

'border-zinc-800'
'border-white/20'
'border-indigo-500'
'border-[#333333]'

'border-white/10'   // 10% opacity
'border-zinc-500/20' // 20% opacity

stack('border border-zinc-800 rounded-2xl p-8 bg-zinc-950', [
  span('text-white', 'Card Content')
])

img({
  src: '/avatar.png',
  tw: 'w-16 h-16 rounded-full border-2 border-white'
})

div({
  tw: 'border border-zinc-700 rounded-lg px-4 py-2 bg-zinc-900'
}, [
  span('text-zinc-400', 'Placeholder text')
])