import clsx from "clsx";
import { ComponentProps } from "react";
import styles from "./Badge.module.css";

export function Badge({
  className,
  ...props
}: Omit<ComponentProps<"a">, "href">) {
  return (
    <a
      className={clsx(className, styles.badge)}
      href="https://edgebrix.com"
      rel="noreferrer"
      target="_blank"
      {...props}
    >
      <picture>
        <source
          srcSet="https://res.cloudinary.com/dhwxfvlrn/image/upload/v1677186959/logo/Made_With_Edgebrix_1.png"
          media="(prefers-color-scheme: dark)"
        />
        <img
          src="https://res.cloudinary.com/dhwxfvlrn/image/upload/v1677186959/logo/Made_With_Edgebrix_1.png"
          alt="Made with Edgebrix"
          className={styles.image}
        />
      </picture>
    </a>
  );
}
