import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import { BoxProps } from './Box.js';
import '../types-B4RnVKcG.js';

declare const CardPreview = "ax-card-preview";

type CardPreviewProps = BoxProps &  {
  "addonBottomLeft"?: string | number | false | true;
"addon-bottom-left"?: string;
"addonBottomRight"?: string | number | false | true;
"addon-bottom-right"?: string;
"addonTopLeft"?: string | number | false | true;
"addon-top-left"?: string;
"addonTopRight"?: string | number | false | true;
"addon-top-right"?: string;
"asChild"?: false | true;
"as-child"?: false | true;
};

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

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

export { CardPreview };
export type { CardPreviewProps };