import type { HTMLAttributes, LiHTMLAttributes } from "react";

const ROW_CLASSES = "rounded-xl border border-zinc-800/60 bg-zinc-900/40 px-4 py-3";

export const PanelRow = ({ className = "", ...rest }: HTMLAttributes<HTMLDivElement>) => (
  <div className={`${ROW_CLASSES} ${className}`} {...rest} />
);

export const ListRow = ({ className = "", ...rest }: LiHTMLAttributes<HTMLLIElement>) => (
  <li className={`${ROW_CLASSES} ${className}`} {...rest} />
);