hunk.code_window:             ${this.calEvent.team ? this.calEvent.team.members.join(", ") : ""}
             </small>
           </td>
         </tr>
         <tr>
           <td>${this.calEvent.language("where")}</td>
           <td>${this.getLocation()}</td>
         </tr>
         <tr>
           <td>${this.calEvent.language("notes")}</td>
           <td>${this.calEvent.description}</td>
  
hunk.labels: keep keep keep keep replace replace replace replace keep keep keep
hunk.after_edit:       ${this.getLocation()}
  
hunk.file_path: lib/emails/EventAttendeeMail.ts
hunk.type: replace
file: import { Badge, BadgeProps } from "@components/ui/Badge";
  
  import { sandboxPage } from ".";
  
  const page = sandboxPage(function BadgePage() {
    const list: BadgeProps[] = [
      //
      { variant: "success" },
      { variant: "gray" },
      { variant: "success" },
    ];
    return (
      <>
        <div className="p-4 bg-gray-200">
          <h1>Badge component</h1>
          <div className="flex flex-col">
            {list.map((props, index) => (
              <div key={index} className="p-2 m-2 bg-white">
                <h3>
                  <code>
                    {JSON.stringify(
                      props,
                      (key, value) => {
                        if (key.includes("Icon")) {
                          return "..";
                        }
                        return value;
                      },
                      2
                    )}
                  </code>
                </h3>
                <Badge {...(props as any)}>Badge text</Badge>
              </div>
            ))}
          </div>
        </div>
      </>
    );
  });
  
  export default page.default;
  export const getStaticProps = page.getStaticProps;
  