import * as React from "react"; import { type SaasflareComponentProps } from "../../providers"; /** * Props for {@link Table}. Extends {@link SaasflareComponentProps} so * `surface`, `radius`, `animated`, and `iconWeight` can be supplied * per-instance or inherited from the provider. */ interface TableProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps { } /** * Data table root — a styled `` wrapped in a horizontally scrollable * container so wide tables stay usable on narrow viewports. Compose with * {@link TableHeader}, {@link TableBody}, {@link TableRow}, and friends. * * @component * @layer core */ declare function Table({ className, surface, radius, animated, iconWeight, ...props }: TableProps): import("react/jsx-runtime").JSX.Element; /** * Table header section (``) — wraps the heading row(s). * * @component * @layer core */ declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element; /** * Table body section (``) holding the data rows. * * @component * @layer core */ declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element; /** * Table footer section (``) — muted emphasis for totals or summary rows. * * @component * @layer core */ declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element; /** * Table row (``) with hover and `data-state="selected"` highlighting. * * @component * @layer core */ declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element; /** * Header cell (`
`) inside a {@link TableHeader} row. * * @component * @layer core */ declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element; /** * Data cell (``) inside a body or footer row. * * @component * @layer core */ declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element; /** * Table caption rendered below the table. * * @component * @layer core */ declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element; export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, type TableProps, };