hunk.code_window:     "@calcom/web#start": {
         "dependsOn": ["@calcom/prisma#db-deploy"]
       },
       "@calcom/website#build": {
         "dependsOn": ["$WEBSITE_BASE_URL"],
         "outputs": [".next/**"]
       },
       "build": {
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.after_edit:       "dependsOn": [
           "$NEXT_PUBLIC_STRIPE_FREE_PLAN_PRICE",
           "$NEXT_PUBLIC_STRIPE_PREMIUM_PLAN_PRICE",
           "$NEXT_PUBLIC_STRIPE_PRO_PLAN_PRICE",
           "$NEXT_PUBLIC_STRIPE_PRO_PLAN_PRODUCT",
           "$NEXT_PUBLIC_STRIPE_PUBLIC_KEY",
           "$NEXT_PUBLIC_WEBAPP_URL",
           "$NEXT_PUBLIC_WEBSITE_URL",
           "$STRIPE_WEBHOOK_SECRET"
         ],
  
hunk.file_path: turbo.json
hunk.type: replace
file: import { ReactNode } from "react";
  
  import classNames from "@lib/classNames";
  
  import { ListItem, ListItemText, ListItemTitle } from "@components/List";
  
  function IntegrationListItem(props: {
    imageSrc?: string;
    title: string;
    description: string;
    actions?: ReactNode;
    children?: ReactNode;
  }): JSX.Element {
    return (
      <ListItem expanded={!!props.children} className={classNames("flex-col")}>
        <div className={classNames("flex w-full flex-1 items-center space-x-2 p-3 rtl:space-x-reverse")}>
          {props.imageSrc && <img className="h-10 w-10" src={props.imageSrc} alt={props.title} />}
          <div className="flex-grow truncate pl-2">
            <ListItemTitle component="h3">{props.title}</ListItemTitle>
            <ListItemText component="p">{props.description}</ListItemText>
          </div>
          <div>{props.actions}</div>
        </div>
        {props.children && <div className="w-full border-t border-gray-200">{props.children}</div>}
      </ListItem>
    );
  }
  
  export default IntegrationListItem;
  