import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/shared/ui/card"; import { cn } from "@/shared/lib/cn"; import { Handle, Position, useNodeId } from "@xyflow/react"; import type { ComponentProps } from "react"; export type NodeProps = ComponentProps & { handles: { target: boolean; source: boolean; }; }; export const Node = ({ handles, className, ...props }: NodeProps) => { const nodeId = useNodeId(); const isInsideFlow = nodeId !== null; return ( {isInsideFlow && handles.target && ( )} {isInsideFlow && handles.source && ( )} {props.children} ); }; export type NodeHeaderProps = ComponentProps; export const NodeHeader = ({ className, ...props }: NodeHeaderProps) => ( ); export type NodeTitleProps = ComponentProps; export const NodeTitle = (props: NodeTitleProps) => ; export type NodeDescriptionProps = ComponentProps; export const NodeDescription = (props: NodeDescriptionProps) => ( ); export type NodeActionProps = ComponentProps; export const NodeAction = (props: NodeActionProps) => ; export type NodeContentProps = ComponentProps; export const NodeContent = ({ className, ...props }: NodeContentProps) => ( ); export type NodeFooterProps = ComponentProps; export const NodeFooter = ({ className, ...props }: NodeFooterProps) => ( );