@coconut-software/ui/dist/Tab/Group.d.ts

React components for faster and easier web development.

import type { Dispatch, PropsWithChildren, SetStateAction, MouseEventHandler } from 'react';
import React from 'react';
import type { TabColor, TabSize } from './Tab';
interface GroupProps {
    color?: TabColor;
    defaultTab: string;
    disabled?: boolean;
    onClick?: MouseEventHandler<HTMLButtonElement>;
    orientation?: Orientation;
    size?: TabSize;
    adornmentPosition?: Orientation;
}
type GroupState = {
    color: TabColor;
    disabled?: boolean | undefined;
    onClick?: MouseEventHandler<HTMLButtonElement>;
    selectedTab: string;
    setSelectedTab: Dispatch<SetStateAction<string>>;
    size: TabSize;
    adornmentPosition: Orientation;
};
export type Orientation = 'vertical' | 'horizontal';
export declare const GroupContext: React.Context<GroupState | null>;
export declare const useGroup: () => GroupState;
declare function Group({ children, color, defaultTab, disabled, onClick, orientation, size, adornmentPosition, }: PropsWithChildren<GroupProps>): JSX.Element;
export default Group;