kunthawat
2d1be52177
Fixes: 1. media.ts: wrap placeholder generation in try-catch 2. toolbar.ts: check r.ok, display error message in popover
24 lines
1.0 KiB
TypeScript
24 lines
1.0 KiB
TypeScript
import { ArrowRightIcon, CaretRightIcon, type IconProps } from "@phosphor-icons/react";
|
|
|
|
import { cn } from "../lib/utils";
|
|
|
|
/** Caret pointing in the "forward" direction — right in LTR, left in RTL. */
|
|
export function CaretNext({ className, ...props }: IconProps) {
|
|
return <CaretRightIcon className={cn("rtl:-scale-x-100", className)} {...props} />;
|
|
}
|
|
|
|
/** Caret pointing in the "backward" direction — left in LTR, right in RTL. */
|
|
export function CaretPrev({ className, ...props }: IconProps) {
|
|
return <CaretRightIcon className={cn("rotate-180 rtl:rotate-0", className)} {...props} />;
|
|
}
|
|
|
|
/** Arrow pointing in the "forward" direction — right in LTR, left in RTL. */
|
|
export function ArrowNext({ className, ...props }: IconProps) {
|
|
return <ArrowRightIcon className={cn("rtl:-scale-x-100", className)} {...props} />;
|
|
}
|
|
|
|
/** Arrow pointing in the "backward" direction — left in LTR, right in RTL. */
|
|
export function ArrowPrev({ className, ...props }: IconProps) {
|
|
return <ArrowRightIcon className={cn("rotate-180 rtl:rotate-0", className)} {...props} />;
|
|
}
|