export interface ChartsAxisClasses {
  /** Styles applied to the root element. */
  root: string;
  /** Styles applied to the main line element. */
  line: string;
  /** Styles applied to group including the tick and its label. */
  tickContainer: string;
  /** Styles applied to ticks. */
  tick: string;
  /** Styles applied to ticks label.
   *
   * ⚠️ For performance reasons, only the inline styles get considered for bounding box computation.
   * Modifying text size by adding properties like `font-size` or `letter-spacing` to this class might cause labels to overlap.
   */
  tickLabel: string;
  /** Styles applied to the group containing the axis label. */
  label: string;
  /** Styles applied to x-axes. */
  directionX: string;
  /** Styles applied to y-axes. */
  directionY: string;
  /** Styles applied to the top axis. */
  top: string;
  /** Styles applied to the bottom axis. */
  bottom: string;
  /** Styles applied to the left axis. */
  left: string;
  /** Styles applied to the right axis. */
  right: string;
  /**
   * Styles applied to the root element for the axis with the given ID.
   * Needs to be suffixed with the axis ID: `.${axisClasses.id}-${axisId}`.
   *
   * @deprecated Use the data attribute `data-axis-id` instead.
   */
  id: string;
}
export type ChartsAxisClassKey = keyof ChartsAxisClasses;
export declare function getAxisUtilityClass(slot: string): string;
export declare const axisClasses: ChartsAxisClasses;