
"use client";
import { DividerProps } from "../../Divider/Divider.js";
import * as _$react from "react";

//#region src/components/client/Select/SelectDivider.d.ts
interface SelectDividerProps extends Omit<DividerProps, 'variant' | 'role'> {
  /**
   * Select content uses `role="listbox"`, which does not allow `role="separator"`
   * children. Dividers are visual-only and hidden from the accessibility tree.
   */
  'aria-hidden'?: boolean;
}
/**
 * **▾ Select divider**
 *
 * @componentType Client component
 *
 * @description
 * A divider for separating groups of select options inside `SelectContent`.
 *
 * @example
 * ```tsx
 * 'use client';
 *
 * import { Select, SelectContent, SelectDivider, SelectItem } from '@yahoo/uds';
 *
 * <Select label="Country" placeholder="Select a country" defaultValue="us">
 *   <SelectContent>
 *     <SelectItem value="us">United States</SelectItem>
 *     <SelectItem value="ca">Canada</SelectItem>
 *     <SelectDivider>Other regions</SelectDivider>
 *     <SelectItem value="mx">Mexico</SelectItem>
 *   </SelectContent>
 * </Select>
 * ```
 *
 * @usage
 * Use `SelectDivider` to separate groups of select options.
 *
 * @related [Select](https://uds.build/docs/components/select), [SelectItem](https://uds.build/docs/components/select-item), [Divider](https://uds.build/docs/components/divider)
 */
declare const SelectDivider: _$react.ForwardRefExoticComponent<SelectDividerProps & _$react.RefAttributes<HTMLDivElement>>;
//#endregion
export { SelectDivider, type SelectDividerProps };