// components/Card.js
import { h } from "sigpro";

export const Card = (props, children) => {
  children === undefined && (children = props, props = {});
  return h("div", { ...props, class: `card ${props.class ?? ''}` }, children);
};

export const CardTitle = (props, children) => {
  children === undefined && (children = props, props = {});
  return h("div", { ...props, class: `card-title ${props.class ?? ''}` }, children);
};

export const CardBody = (props, children) => {
  children === undefined && (children = props, props = {});
  return h("div", { ...props, class: `card-body ${props.class ?? ''}` }, children);
};

export const CardActions = (props, children) => {
  children === undefined && (children = props, props = {});
  return h("div", { ...props, class: `card-actions ${props.class ?? ''}` }, children);
};