import clsx from "clsx";
import { ReactNode } from "react";

interface Props {
  children: ReactNode;
  className?: string;
}

export function Code({ children, className }: Props) {
  return (
    <code className={clsx("px-1 rounded-sm m-px bg-gray-1 border border-gray-2", className)}>
      {children}
    </code>
  );
}