@theguild/components/dist/components/button.js

import { jsx } from "react/jsx-runtime";
import clsx from "clsx";
import { Anchor } from "./anchor";
const Button = ({
  children,
  className,
  variant = "primary",
  ...props
}) => {
  return /* @__PURE__ */ jsx(
    Anchor,
    {
      className: clsx(
        "flex-none rounded-md p-3 text-center text-xs font-medium hover:shadow-lg md:px-5",
        variant === "primary" ? "bg-cyan-400 text-white hover:shadow-cyan-400/40" : "bg-white text-black hover:shadow-white/40",
        className
      ),
      ...props,
      children
    }
  );
};
export {
  Button
};