import classNames from "classnames";
import type { ButtonProps } from "./Button";
import { Button } from "./Button";

export function PillButton({ className, ...props }: ButtonProps) {
  return (
    <Button
      size="2xs"
      variant="border"
      className={classNames(className, "rounded-full! mx-1 px-3!")}
      {...props}
    />
  );
}
