Scroll Area

import * as React from "react";import { ScrollArea } from "@/registry/axon/ui/scroll-area";import { Separator } from "@/registry/axon/ui/separator";const tags = Array.from({ length: 50 }).map(  (_, i, a) => `v1.2.0-beta.${a.length - i}`);export default function ScrollAreaDemo() {  return (    <ScrollArea className="h-72 w-48 rounded-md border">      <div className="p-4">        <h4 className="mb-4 font-medium text-sm leading-none">Tags</h4>        {tags.map((tag) => (          <React.Fragment key={tag}>            <div className="text-sm">{tag}</div>            <Separator className="my-2" />          </React.Fragment>        ))}      </div>    </ScrollArea>  );}