awa-ui 0.5.3

Web UI and JSON API for the Awa job queue
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

"use client"

import type { DropZoneProps } from "react-aria-components"
import { composeRenderProps, DropZone as DropPrimitiveZone } from "react-aria-components"
import { twMerge } from "tailwind-merge"

export function DropZone({ className, style, ...props }: DropZoneProps) {
  return (
    <DropPrimitiveZone
      className={composeRenderProps(className, (className, { isDropTarget }) =>
        twMerge(
          "group/drop-zone relative z-10 flex max-h-56 items-center justify-center overflow-hidden rounded-lg border border-dashed p-6",
          isDropTarget && "border-primary border-solid bg-primary/10 ring-3 ring-ring/20",
          className,
        ),
      )}
      {...props}
    />
  )
}