import React, { HTMLAttributes } from "react";
import classNames from "classnames";
import { bemHOF } from "../../utilities/bem";

const cn = bemHOF("Kbd");

export type KbdProps = HTMLAttributes<HTMLElement>;

export const Kbd = ({ className, ...rest }: KbdProps) => {
  return <kbd className={classNames(cn(), className)} {...rest} />;
};