import React from "react";
export interface TableRootProps extends React.HTMLAttributes<HTMLTableElement> {
    children?: React.ReactNode;
}
export interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
    children?: React.ReactNode;
}
export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
    /**
     * @default false
     */
    striped?: boolean;
    children?: React.ReactNode;
}
export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
    selected?: boolean;
    children?: React.ReactNode;
}
export interface TableAlignProps {
    /**
     * @deprecated
     * Use useTable.args.columns[].align instead
     */
    align?: "left" | "center" | "right";
    children?: React.ReactNode;
}
export interface TableHeaderCellProps extends TableAlignProps, Omit<React.ComponentPropsWithoutRef<"th">, "align"> {
    children?: React.ReactNode;
}
export interface TableDataCellProps extends TableAlignProps, Omit<React.ComponentPropsWithoutRef<"td">, "align"> {
    children?: React.ReactNode;
}
/**
 * @deprecated Use TableUI instead
 */
export declare const Table: (({ ...props }: TableRootProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
    Header: ({ ...props }: TableHeadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Body: ({ striped, ...props }: TableBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Row: ({ selected, ...props }: TableRowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    HeaderCell: ({ align, ...props }: TableHeaderCellProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Cell: ({ align, ...props }: TableDataCellProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    Checkbox: ({ children, onClick: defaultOnClick, className, color, ...props }: import("./TableCheckbox").TableCheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
};