@synergycodes/axiom
Version:
A React library for creating node-based UIs and diagram-driven applications. Perfect for React Flow users, providing ready-to-use node templates and components that work seamlessly with React Flow's ecosystem.
18 lines (17 loc) • 1.03 kB
TypeScript
import { NavLabelButtonProps } from '../../button/nav-button/nav-label-button/nav-label-button';
import { NavIconButtonProps } from '../../button/nav-button/nav-icon-button/nav-icon-button';
import { NavIconLabelButtonProps } from '../../button/nav-button/nav-icon-label-button/nav-icon-label-button';
import { BaseButtonProps } from '../../button/types';
export type SegmentPickerItemProps = BaseButtonProps & {
value: string;
} & (Pick<NavLabelButtonProps, 'children'> | Pick<NavIconButtonProps, 'children'> | Pick<NavIconLabelButtonProps, 'children'>);
/**
* A single item in the SegmentPicker, rendered as a NavButton under the hood.
*
* Automatically receives size and shape from SegmentPicker context.
* Must be used only within a SegmentPicker component.
*
* Determines which NavButton variant to render based on its children
* (label only, icon only, or icon + label).
*/
export declare function Item({ children, value, ...buttonProps }: SegmentPickerItemProps): import("react/jsx-runtime").JSX.Element | null;