lightswind
Version:
A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
41 lines (40 loc) • 1.19 kB
TypeScript
import { MotionValue } from "framer-motion";
interface DockItemProps {
icon: React.ReactNode;
label: string;
onClick: () => void;
mouseX: MotionValue<number>;
baseItemSize: number;
magnification: number;
distance: number;
spring: {
mass: number;
stiffness: number;
damping: number;
};
badgeCount?: number;
}
declare function DockItem({ icon, label, onClick, mouseX, baseItemSize, magnification, distance, spring, badgeCount, }: DockItemProps): import("react/jsx-runtime").JSX.Element;
interface DockItem {
icon: React.ReactNode;
label: string;
onClick: () => void;
badgeCount?: number;
}
interface DockProps {
items: DockItem[];
className?: string;
spring?: {
mass: number;
stiffness: number;
damping: number;
};
magnification?: number;
distance?: number;
panelHeight?: number;
dockHeight?: number;
baseItemSize?: number;
position?: "bottom" | "top";
}
export default function Dock({ items, className, spring, magnification, distance, panelHeight, dockHeight, baseItemSize, }: DockProps): import("react/jsx-runtime").JSX.Element;
export {};