Preview Link Card

1import * as React from 'react';
2 
3import {
4  PreviewLinkCard as PreviewLinkCardPrimitive,
5  PreviewLinkCardTrigger as PreviewLinkCardTriggerPrimitive,
6  PreviewLinkCardPortal as PreviewLinkCardPortalPrimitive,
7  PreviewLinkCardPositioner as PreviewLinkCardPositionerPrimitive,
8  PreviewLinkCardPopup as PreviewLinkCardPopupPrimitive,
9  PreviewLinkCardImage as PreviewLinkCardImagePrimitive,
10  PreviewLinkCardBackdrop as PreviewLinkCardBackdropPrimitive,
11  type PreviewLinkCardProps as PreviewLinkCardPrimitiveProps,
12  type PreviewLinkCardTriggerProps as PreviewLinkCardTriggerPrimitiveProps,
13  type PreviewLinkCardPositionerProps as PreviewLinkCardPositionerPrimitiveProps,
14  type PreviewLinkCardPopupProps as PreviewLinkCardPopupPrimitiveProps,
15  type PreviewLinkCardImageProps as PreviewLinkCardImagePrimitiveProps,
16  type PreviewLinkCardBackdropProps as PreviewLinkCardBackdropPrimitiveProps,
17} from '@/components/animate-ui/primitives/base/preview-link-card';
18import { cn } from '@/lib/utils';
19 
20type PreviewLinkCardProps = PreviewLinkCardPrimitiveProps;
21 
22function PreviewLinkCard(props: PreviewLinkCardProps) {
23  return <PreviewLinkCardPrimitive {...props} />;
24}
25 
26type PreviewLinkCardTriggerProps = PreviewLinkCardTriggerPrimitiveProps;
27 
28function PreviewLinkCardTrigger(props: PreviewLinkCardTriggerProps) {
29  return <PreviewLinkCardTriggerPrimitive {...props} />;
30}
31 
32type PreviewLinkCardPanelProps = PreviewLinkCardPositionerPrimitiveProps &
33  PreviewLinkCardPopupPrimitiveProps;
34 
35function PreviewLinkCardPanel({
36  className,
37  align = 'center',
38  sideOffset = 4,
39  style,
40  children,
41  ...props
42}: PreviewLinkCardPanelProps) {
43  return (
44    <PreviewLinkCardPortalPrimitive>
45      <PreviewLinkCardPositionerPrimitive
46        align={align}
47        sideOffset={sideOffset}
48        className="z-50"
49        {...props}
50      >
51        <PreviewLinkCardPopupPrimitive
52          className={cn(
53            'border origin-(--transform-origin) rounded-md shadow-md outline-hidden overflow-hidden',
54            className,
55          )}
56          style={style}
57        >
58          {children}
59        </PreviewLinkCardPopupPrimitive>
60      </PreviewLinkCardPositionerPrimitive>
61    </PreviewLinkCardPortalPrimitive>
62  );
63}
64 
65type PreviewLinkCardBackdropProps = PreviewLinkCardBackdropPrimitiveProps;
66 
67function PreviewLinkCardBackdrop(props: PreviewLinkCardBackdropProps) {
68  return <PreviewLinkCardBackdropPrimitive {...props} />;
69}
70 
71type PreviewLinkCardImageProps = PreviewLinkCardImagePrimitiveProps;
72 
73// … truncated