---
export interface Props {
  href?: string;
  class?: string;
}

const { href, class: className } = Astro.props;
const Component = href ? 'a' : 'div';
---

<Component 
  href={href}
  class={`bg-surface rounded-lg border border-text-tertiary/20 p-6 hover:border-primary/40 
          transition-colors ${className || ''} ${href ? 'block' : ''}`}
>
  <slot />
</Component>