| 128 | } |
| 129 | |
| 130 | function ScrollFade({ |
| 131 | edge, |
| 132 | className, |
| 133 | }: { |
| 134 | edge: "left" | "right" | "top" | "bottom"; |
| 135 | className?: string; |
| 136 | }) { |
| 137 | const edgeClasses = { |
| 138 | left: "inset-y-0 left-0 w-4 bg-gradient-to-r", |
| 139 | right: "inset-y-0 right-0 w-4 bg-gradient-to-l", |
| 140 | top: "inset-x-0 top-0 h-4 bg-gradient-to-b", |
| 141 | bottom: "inset-x-0 bottom-0 h-4 bg-gradient-to-t", |
| 142 | }; |
| 143 | |
| 144 | return ( |
| 145 | <div |
| 146 | className={cn( |
| 147 | "pointer-events-none absolute", |
| 148 | edgeClasses[edge], |
| 149 | className |
| 150 | )} |
| 151 | /> |
| 152 | ); |
| 153 | } |
| 154 | |
| 155 | export function AdvancedSearch({ |
| 156 | params, |