import type * as React from 'react';
import type { AngleSliderMarkProps } from './types.js';
/**
 * Tick on dial. Publishes `--skdx-angle-slider-mark-angle` for CSS positioning.
 * Also `data-value`, `data-state`, `data-disabled`, `data-readonly`.
 *
 * ```css
 * .my-mark {
 *   transform: rotate(var(--skdx-angle-slider-mark-angle)) translateY(-70px);
 * }
 * ```
 *
 * @example
 * ```tsx
 * <AngleSlider aria-label="Wind direction" defaultValue={0} restrictToMarks>
 *   <AngleSliderMarks>
 *     <AngleSliderMark value={0}>N</AngleSliderMark>
 *     <AngleSliderMark value={90}>E</AngleSliderMark>
 *     <AngleSliderMark value={180}>S</AngleSliderMark>
 *     <AngleSliderMark value={270}>W</AngleSliderMark>
 *   </AngleSliderMarks>
 *   <AngleSliderThumb />
 * </AngleSlider>
 * ```
 */
export declare const AngleSliderMark: {
    ({ value, ref: forwardedRef, ...props }: AngleSliderMarkProps): React.ReactNode;
    displayName: string;
};