Optionalvisible
visible?: boolean
OptionalcustomStyle
customStyle?: CSSProperties
OptionaloverlayPosition
overlayPosition?: string
OptionalbarColor
barColor?: string
OptionaltextColor
textColor?: string
OptionalnameTextStyling
nameTextStyling?: CSSProperties
imageSource
imageSource: string
OptionalroundedImage
roundedImage?: boolean
OptionalimageStyle
imageStyle?: CSSProperties
OptionalwrapperProps
wrapperProps?: HTMLAttributes<HTMLDivElement>
OptionaldraggableContainerProps
draggableContainerProps?: HTMLAttributes<HTMLDivElement>
OptionalcardProps
cardProps?: HTMLAttributes<HTMLDivElement>
OptionaloverlayProps
overlayProps?: HTMLAttributes<HTMLDivElement>
waveformContainerProps?: HTMLAttributes<HTMLDivElement>
OptionalbarProps
barProps?: HTMLAttributes<HTMLDivElement>
OptionalnameContainerProps
nameContainerProps?: HTMLAttributes<HTMLDivElement>
OptionalnameTextProps
nameTextProps?: HTMLAttributes<HTMLSpanElement>
OptionalimageProps
imageProps?: ImgHTMLAttributes<HTMLImageElement>
OptionalrenderWrapper
renderWrapper?: (
options: { defaultWrapper: ReactNode; isVisible: boolean },
) => ReactNode
OptionalrenderContainer
renderContainer?: (
options: {
defaultContainer: ReactNode;
isDragging: boolean;
position: { x: number; y: number };
},
) => ReactNode
OptionalrenderCard
renderCard?: (
options: { defaultCard: ReactNode; hasImage: boolean },
) => ReactNode
renderWaveform?: (
options: {
defaultWaveform: ReactNode;
showWaveform: boolean;
animations: number[];
},
) => ReactNode