/** A round-cornered icon chip that fronts a list row. */
export function RowIcon({ children }) {
  return (
    <div className="grid size-11 shrink-0 place-items-center rounded-xl bg-accent text-key [&_svg]:size-[18px]">
      {children}
    </div>
  );
}