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

declare const DataTableFooter = "ax-data-table-footer";

type DataTableFooterProps = BoxProps &  {
  "pageSizeOptions"?: { label: string; value: string; }[];
"page-size-options"?: { label: string; value: string; }[];
"showPageSizeOptions"?: false | true;
"show-page-size-options"?: false | true;
"asChild"?: false | true;
"as-child"?: false | true;
};

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

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

export { DataTableFooter };
export type { DataTableFooterProps };