import { el } from '../dom.js';

// Builds the refined-B chrome shell and returns { root, body }. The card module
// fills `body` in its mount(); start()/stop() own its refresh timer.
export function svCard(def) {
  const body = el('div', { class: 'sv-card-body' });
  const root = el('div', { class: 'sv-card', dataset: { size: def.size || 'm', cardId: def.id } },
    el('div', { class: 'sv-card-title' }, def.title),
    body
  );
  return { root, body };
}