import { h } from '@ui-arch/frame';
import type { CardProps } from './types.js';

/*** 卡片容器：可选标题 + 任意子内容 ***/
export function card(props: CardProps, ...children: unknown[]): HTMLElement {
  return h(
    'div',
    { class: 'ua-card' },
    props.title ? h('h3', { class: 'ua-card-title' }, props.title) : null,
    ...children,
  );
}