react18-tools/esbuild-plugin-react18-css

import * as React from "react";
import styles from "./star-me.module.css";

interface StarMeProps extends React.HTMLAttributes<HTMLButtonElement> {
  gitHubUrl: string;
}

/**
 * # StarMe
 * Star repo in a popup window
 *
 */
export function StarMe({ gitHubUrl, onClick, children, ...props }: StarMeProps) {
  const starMe = (e: React.MouseEvent<HTMLButtonElement>) => {
    window.open(gitHubUrl, "_blank", "height: 400,width:1200,left:150,top:150");
    onClick?.(e);
  };
  return (
    <button
      data-testid="star-me-h1"
      onClick={starMe}
      type="button"
      {...props}
      className={[styles.starMe, props.className ?? ""].join(" ")}>
      {children || "Star Me"}
    </button>
  );
}