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

export const Card = (props, children) => {
  const { class: className, ...rest } = props;
  return Tag("div", {
    ...rest,
    class: `card ${className || ''}`.trim()
  }, children);
};

export const CardTitle = (props, children) => {
  const { class: className, ...rest } = props;
  return Tag("div", {
    ...rest,
    class: `card-title ${className || ''}`.trim()
  }, children);
};

export const CardBody = (props, children) => {
  const { class: className, ...rest } = props;
  return Tag("div", {
    ...rest,
    class: `card-body ${className || ''}`.trim()
  }, children);
};

export const CardActions = (props, children) => {
  const { class: className, ...rest } = props;
  return Tag("div", {
    ...rest,
    class: `card-actions ${className || ''}`.trim()
  }, children);
};