import { default as React } from 'react';
import { TypographyProps } from '../Typography';
import { RadioGroupProps } from '../RadioGroup';
import { ConfirmationCodeInputsProps } from '../ConfirmationCodeInput';
import { TextFieldProps } from '../Field/Text';
import { PhoneNumberFieldProps } from '../Field/PhoneNumber';
import { ButtonProps } from '../Button';
import { PricingProps } from '../PricingTable';
import { StepperProps } from '../Stepper';
import { TransferListProps } from '../TransferList';
import { CodeCopyProps } from '../CodeCopy';
import { DateFieldProps } from '../Field/Date/DateField';
import { DropdownProps } from '../Field/Dropdown/Regular';
import { ExternalIncrementNumberFieldProps } from '../Field/Number/ExternalIncrement';
import { SearchbarProps } from '../Field/Search';
import { InternalIncrementNumberFieldProps } from '../Field/Number/InternalIncrement';
import { SubnetFieldProps } from '../Field/IPAM/Subnet';
import { PasswordFieldProps } from '../Field/Password';
import { QRCodeProps } from '../QRCode';
import { ComplexTextEditorProps } from '../ComplexTextEditor';
import { SearchableSimpleProps } from '../Field/Dropdown/SearchableSimple';
import { SearchableHistoryProps } from '../Field/Dropdown/SearchableHistory';
import { AccordionProps } from '../Accordion';
import { ProjectBoardProps } from '../ProjectBoard/types';
import { MultiSelectChipProps } from '../Field/Dropdown/MultiSelect';
import { CheckboxProps } from '../Checkbox';
import { CIDRFieldProps } from '../Field/IPAM/CIDR';
import { IPAddressFieldProps } from '../Field/IPAM/Address';
import { VLANFieldProps } from '../Field/IPAM/VLAN';
import { MACAddressFieldProps } from '../Field/IPAM/MACAddress';
import { RoutingNumberProps } from '../Field/Number/RoutingNumber';
import { AccountNumberProps } from '../Field/Number/AccountNumber';
import { CVVProps } from '../Field/Number/CVV';
import { CreditCardNumberProps } from '../Field/Number/CreditCardNumber';
import { DateRangeProps } from '../Field/Date/DateRange';
import { LinkProps } from './Structure/link/useLink';
import { ImageProps } from './Structure/image/useImage';
import { USDFieldProps } from './Structure/USD/useUSD';
import { SupernetFieldProps } from '../Field/IPAM/Supernet';
export interface ContentSectionProps {
    grids: Array<{
        boxProps?: React.HTMLAttributes<HTMLDivElement>;
        confirmationcodeinput?: ConfirmationCodeInputsProps | ConfirmationCodeInputsProps[];
        searchableDropdown?: SearchableSimpleProps | SearchableSimpleProps[];
        searchableHistory?: SearchableHistoryProps | SearchableHistoryProps[];
        projectboard?: ProjectBoardProps | ProjectBoardProps[];
        complexeditor?: ComplexTextEditorProps | ComplexTextEditorProps[];
        typography?: TypographyProps | TypographyProps[];
        accordion?: AccordionProps | AccordionProps[];
        radiogroup?: RadioGroupProps | RadioGroupProps[];
        link?: LinkProps | LinkProps[];
        button?: ButtonProps | ButtonProps[];
        image?: ImageProps | ImageProps[];
        /**
         * Optional host element for `link`/`image` items so the section stays
         * framework-agnostic (defaults to plain `<a>`/`<img>`). A Next.js consumer
         * may pass `linkComponent={NextLink}` / `imageComponent={NextImage}`.
         */
        linkComponent?: React.ElementType;
        imageComponent?: React.ElementType;
        pricing?: PricingProps;
        stepper?: StepperProps | StepperProps[];
        transferlist?: TransferListProps | TransferListProps[];
        codecopy?: CodeCopyProps | CodeCopyProps[];
        textfield?: TextFieldProps | TextFieldProps[];
        datefield?: DateFieldProps | DateFieldProps[];
        dropdown?: DropdownProps | DropdownProps[];
        incrementNumberField?: ExternalIncrementNumberFieldProps | ExternalIncrementNumberFieldProps[];
        searchbar?: SearchbarProps | SearchbarProps[];
        numberField?: InternalIncrementNumberFieldProps | InternalIncrementNumberFieldProps[];
        passwordField?: PasswordFieldProps | PasswordFieldProps[];
        qrcode?: QRCodeProps | QRCodeProps[];
        phoneNumberField?: PhoneNumberFieldProps | PhoneNumberFieldProps[];
        checkbox?: CheckboxProps | CheckboxProps[];
        multiSelect?: MultiSelectChipProps | MultiSelectChipProps[];
        subnet?: SubnetFieldProps | SubnetFieldProps[];
        supernet?: SupernetFieldProps | SupernetFieldProps[];
        cidr?: CIDRFieldProps | CIDRFieldProps[];
        address?: IPAddressFieldProps | IPAddressFieldProps[];
        vlan?: VLANFieldProps | VLANFieldProps[];
        usdField?: USDFieldProps | USDFieldProps[];
        macAddressField?: MACAddressFieldProps | MACAddressFieldProps[];
        routingnumber?: RoutingNumberProps | RoutingNumberProps[];
        accountnumber?: AccountNumberProps | AccountNumberProps[];
        cvv?: CVVProps | CVVProps[];
        creditCardNumber?: CreditCardNumberProps | CreditCardNumberProps[];
        dateRange?: DateRangeProps | DateRangeProps[];
        customComponent?: React.ReactNode;
        style?: React.CSSProperties;
    }>;
    width?: number;
    /** Enable Egyptian/Sacred theming for all components */
    sacredtheme?: boolean;
}
export default function ContentSection({ grids, sacredtheme, }: ContentSectionProps): React.JSX.Element;
//# sourceMappingURL=index.d.ts.map