import type { ReactNode } from "react";

export function Card({ id, className, title, children }: { id?: string; className?: string; title?: ReactNode; children: ReactNode }) {
  return (
    <section id={id} className={"card" + (className ? " " + className : "")}>
      {title ? <h2>{title}</h2> : null}
      {children}
    </section>
  );
}
export function Bar({ children }: { children: ReactNode }) {
  return <div className="bar">{children}</div>;
}