@tonyarbor/components 0.7.0 → 0.7.1

package/dist/TopNavBar.d.ts

@@ -0,0 +1,103 @@
+import * as React from 'react';
+
+interface NavItem {
+    /**
+     * Unique identifier for the nav item
+     */
+    id: string;
+    /**
+     * Display label for the nav item
+     */
+    label: string;
+    /**
+     * Whether this nav item is currently active
+     */
+    active?: boolean;
+}
+interface TopNavBarProps {
+    /**
+     * School logo image source URL
+     */
+    schoolLogoSrc?: string;
+    /**
+     * Alt text for school logo
+     */
+    schoolLogoAlt?: string;
+    /**
+     * Click handler for school logo
+     */
+    onSchoolLogoClick?: () => void;
+    /**
+     * Array of navigation items
+     */
+    navItems?: NavItem[];
+    /**
+     * Callback when a nav item is clicked
+     */
+    onNavItemClick?: (item: NavItem) => void;
+    /**
+     * Search value
+     */
+    searchValue?: string;
+    /**
+     * Search change handler
+     */
+    onSearchChange?: (value: string) => void;
+    /**
+     * Search submit handler
+     */
+    onSearchSubmit?: (value: string) => void;
+    /**
+     * Search clear handler
+     */
+    onSearchClear?: () => void;
+    /**
+     * Action button label (e.g., "Ask Arbor")
+     */
+    actionButtonLabel?: string;
+    /**
+     * Action button click handler
+     */
+    onActionButtonClick?: () => void;
+    /**
+     * Whether to show the action button
+     */
+    showActionButton?: boolean;
+    /**
+     * User avatar image source URL
+     */
+    avatarSrc?: string;
+    /**
+     * User avatar initials (fallback when no image)
+     */
+    avatarInitials?: string;
+    /**
+     * User avatar alt text
+     */
+    avatarAlt?: string;
+    /**
+     * Avatar section click handler
+     */
+    onAvatarClick?: () => void;
+    /**
+     * Logo section click handler
+     */
+    onLogoClick?: () => void;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * TopNavBar component - Arbor Design System
+ *
+ * A full-width navigation bar fixed to the top of the page.
+ * Contains school logo, navigation items, search, action button, and avatar-logo lockup.
+ */
+declare const TopNavBar: React.ForwardRefExoticComponent<TopNavBarProps & React.RefAttributes<HTMLElement>>;
+
+export { type NavItem, TopNavBar, type TopNavBarProps };