/**
 * ==========================================================
 * OMSORG BUSINESS CONTROLS PRO
 * Component: OmsorgCard
 * Sprint: 0.2.0
 * ==========================================================
 */

export default function OmsorgCard({
  title,
  value,
  subtitle,
  children,
}) {
  return (
    <section className="omsorg-card">
      {title && (
        <div className="omsorg-card-header">
          <h3>{title}</h3>
        </div>
      )}

      {value && (
        <div className="omsorg-card-value">
          {value}
        </div>
      )}

      {subtitle && (
        <p className="omsorg-card-subtitle">
          {subtitle}
        </p>
      )}

      {children}
    </section>
  );
}