import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import { a as ResponsiveArray, R as ResponsiveObject } from '../types-B4RnVKcG.js';
import { BoxProps } from './Box.js';

declare const Separator = "ax-separator";

type SeparatorProps = BoxProps &  {
  "orientation"?: "horizontal" | "vertical" | ResponsiveArray<"horizontal" | "vertical"> | ResponsiveObject<"horizontal" | "vertical">;
"asChild"?: false | true;
"as-child"?: false | true;
"decorative"?: false | true;
};

declare module "@stencil/core" {
  namespace JSX {
    interface IntrinsicElements {
      [Separator]: SeparatorProps & Omit<(JSXBase.IntrinsicElements["div"]), keyof SeparatorProps>;
    }
  }
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [Separator]: SeparatorProps & Omit<(ComponentPropsWithoutRef<"div">), keyof SeparatorProps>;
    }
  }
}

export { Separator };
export type { SeparatorProps };