@kloudlite/design-system
Version:
A design system for building ambitious products.
26 lines (25 loc) • 868 B
TypeScript
import { ReactNode } from 'react';
import { AnimationDefinition } from 'framer-motion';
interface ISidebar {
children?: ReactNode;
onCollapseChange?: ({ type, value, }: {
type: 'start' | 'end';
value: AnimationDefinition;
}) => void;
linkComponent?: any;
toLabel?: string;
}
declare const Sidebar: {
Root: ({ children, onCollapseChange, linkComponent, toLabel, }: ISidebar) => import("react/jsx-runtime").JSX.Element;
Item: ({ children, active, icon, to, ...props }: {
children?: ReactNode;
active?: boolean;
icon?: JSX.Element;
to?: string;
}) => import("react/jsx-runtime").JSX.Element;
Header: ({ children }: {
children?: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
Separator: () => import("react/jsx-runtime").JSX.Element;
};
export default Sidebar;