import type { ReactNode } from 'react';

export interface IncludedItemProps {
  /** Bold 15px title, e.g. "Montagematerial". */
  title: string;
  /** One short muted line. */
  children: ReactNode;
}

/**
 * Small white rounded tile (`.kwac-included-item`, 18px radius) with a bold
 * title and one muted line. Child of `IncludedGrid`.
 */
export function IncludedItem({ title, children }: IncludedItemProps) {
  return (
    <div className="kwac-included-item">
      <h3>{title}</h3>
      <p>{children}</p>
    </div>
  );
}