/** * Copyright Zendesk, Inc. * * Use of this source code is governed under the Apache License, Version 2.0 * found at http://www.apache.org/licenses/LICENSE-2.0. */ import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react'; export declare const PLACEMENT: readonly ["end", "start"]; export declare const PRODUCTS: readonly ["chat", "explore", "guide", "support", "talk"]; export type Product = (typeof PRODUCTS)[number]; export interface IChromeProps extends HTMLAttributes { /** Applies a custom hue to the chrome navigation */ hue?: string; /** Prevents fixed positioning from being applied to the `` element */ isFluid?: boolean; } export interface ISkipNavProps extends AnchorHTMLAttributes { /** Sets the ID of the element to navigate to */ targetId: string; /** Sets the `z-index` of the element */ zIndex?: number; } export interface IHeaderProps extends HTMLAttributes { /** Displays logo for standlone usage */ isStandalone?: boolean; } export interface IHeaderItemProps extends ButtonHTMLAttributes { /** Maximizes the width of a flex item in the header */ maxX?: boolean; /** Maximizes the height of the item (i.e. contains a search input) */ maxY?: boolean; /** Rounds the border radius of the item */ isRound?: boolean; /** * Applies a * [brand color](/design/color#brand-colors) * to the product logo */ product?: Product; /** Applies header logo styles to the item */ hasLogo?: boolean; } export interface IHeaderItemTextProps extends HTMLAttributes { /** Hides item text. Text remains accessible to screen readers. */ isClipped?: boolean; } export interface IHeaderItemWrapperProps extends HTMLAttributes { /** Maximizes the width of a flex item in the header */ maxX?: boolean; /** Maximizes the height of the item (i.e. contains a search input) */ maxY?: boolean; /** Rounds the border radius of the item */ isRound?: boolean; } export interface INavProps extends HTMLAttributes { /** Expands the nav area to display the item text */ isExpanded?: boolean; } export interface INavItemProps extends ButtonHTMLAttributes { /** Applies a product-specific color palette */ product?: Product; /** Indicates that the item is current in the nav */ isCurrent?: boolean; /** Indicates that the item contains a product logo */ hasLogo?: boolean; /** Indicates that the item contains the company brandmark */ hasBrandmark?: boolean; } export interface INavItemTextProps extends HTMLAttributes { /** Wraps overflow item text instead of truncating long strings with an ellipsis */ isWrapped?: boolean; } export interface ISheetProps extends HTMLAttributes { /** Identifies the sheet */ id?: string; /** Opens the sheet */ isOpen?: boolean; /** Determines whether animation for opening and closing the sheet is used */ isAnimated?: boolean; /** Directs keyboard focus to the sheet on mount */ focusOnMount?: boolean; /** Returns keyboard focus to the element that triggered the sheet */ restoreFocus?: boolean; /** Adjusts the placement of the sheet */ placement?: (typeof PLACEMENT)[number]; /** Sets the size of the open sheet */ size?: string; } export interface ISheetFooterProps extends HTMLAttributes { /** Applies compact styling and centers the elements */ isCompact?: boolean; }