Information with Highlighted Content Alert Dialog for Ark UI

<AlertDialog>
  <AlertDialogTrigger asChild>
    <Button variant="outline">
      <SparklesIcon aria-hidden="true" data-icon="inline-start" />
      What&apos;s New
    </Button>
  </AlertDialogTrigger>
  <AlertDialogContent>
    <AlertDialogHeader>
      <AlertDialogTitle>New in Version 2.0</AlertDialogTitle>
      <AlertDialogDescription>
        Check out the latest features and improvements:
      </AlertDialogDescription>
    </AlertDialogHeader>
    <div className="flex flex-col gap-2">
      {features.map((feature) => (
        <div
          className="rounded-lg border bg-muted/50 p-3"
          key={feature.title}
        >
          <div className="font-medium text-sm">{feature.title}</div>
          <p className="text-muted-foreground text-xs">
            {feature.description}
          </p>
        </div>
      ))}
    </div>
    <AlertDialogFooter>
      <AlertDialogClose asChild>
        <AlertDialogAction>Awesome!</AlertDialogAction>
      </AlertDialogClose>
{/* The rest of the file is under Installation. */}