hunk.code_window:   ...props
   }: Props) => {
     const className = clsx(
       'inline-grid appearance-none cursor-pointer text-sm sm:text-base font-bold tracking-normal px-2 sm:px-4 py-1.5 sm:py-2 gap-1 sm:gap-1.5 grid-flow-col rounded-lg shadow-xl shadow-sky-500/20 no-underline hover:no-underline justify-center items-center transition-all duration-300',
       {
         ['bg-primary text-white hover:text-white hover:bg-sky-700']:
           variant === 'primary',
         ['bg-gradient-to-r from-sky-50 to-sky-200 text-slate-800 hover:text-primary-darker']:
           variant === 'secondary',
  
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.after_edit:       ['bg-primary text-white hover:text-white hover:bg-primary-dark']:
  
hunk.file_path: www/src/components/Button.tsx
hunk.type: replace
file: <!-- prettier-ignore -->
  ```ts twoslash
  import { initTRPC } from '@trpc/server';
  import z from 'zod';
  
  // ---cut---
  
  const t = initTRPC.create();
  
  export const appRouter = t.router({
    greeting: t.procedure
      .input(z.object({ name: z.string() }))
      .query((req) => {
        const { input } = req;
        //      ^?
        return {
          text: `Hello ${input.name}`,
        };
    }),
  });
  
  export type AppRouter = typeof appRouter;
  ```
  