
import { Styles } from "../../tasty/styles/types.js";
import "../../tasty/index.js";

//#region src/utils/react/useMergeStyles.d.ts
/**
 * Hook to merge base styles with sub-element style props.
 *
 * This simplifies the common pattern of accepting props like `tabListStyles`,
 * `prefixStyles`, etc. that should merge into `styles.TabList`, `styles.Prefix`, etc.
 *
 * @param styles - Base styles object
 * @param subStylesMap - Mapping of sub-element names to their additional styles
 * @returns Merged styles object
 *
 * @example
 * ```tsx
 * const { styles, tabListStyles, prefixStyles, suffixStyles, ...rest } = props;
 *
 * const mergedStyles = useMergeStyles(styles, {
 *   TabList: tabListStyles,
 *   Prefix: prefixStyles,
 *   Suffix: suffixStyles,
 * });
 *
 * return <TabsElement styles={mergedStyles} {...rest} />;
 * ```
 */
declare function useMergeStyles(styles: Styles | undefined, subStylesMap: Record<string, Styles | undefined>): Styles;
//#endregion
export { useMergeStyles };
//# sourceMappingURL=useMergeStyles.d.ts.map