import React from "react";
import classNames from "classnames";

export const Code = ({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}) => (
  <code
    className={classNames(
      "bg-gray-100",
      "rounded-md border",
      "border-gray-400",
      "p-1",
      "text-gray-700",
      "text-iconSm",
      "leading-none",
      "inline-flex",
      className,
    )}
  >
    {children}
  </code>
);
