card-4.tsx

import React from 'react'
import { clsx } from 'clsx'

interface Card4Props {
  children: React.ReactNode
  className?: string
  rounded?: string
  bgColor?: string
  border?: string
  shadow?: string
  padding?: string
  margin?: string
}

export function Card4({
  children,
  className,
  rounded = 'rounded-xl',
  bgColor = 'bg-body2',
  border = 'border border-accent/10',