import * as react from 'react';
import { HTMLAttributes, PropsWithChildren, CSSProperties, ReactNode, ReactElement } from 'react';
import { SpaceType, ViewPort } from './types/cskTypes.mjs';
import { T as TextProps } from './index-CrBZatTs.mjs';

type ContainerProps = HTMLAttributes<HTMLDivElement> & {
    backgroundColor?: string;
    spacing?: SpaceType | ViewPort<SpaceType>;
    border?: string | ViewPort<string>;
    fluidContent?: boolean;
    height?: string | ViewPort<string>;
    wrapperClassName?: string;
    maxWidth?: string;
};

declare enum ContentAlignment {
    Left = "left",
    Center = "center",
    Right = "right"
}
declare enum BannerVariants {
    None = "",
    Top = "top",
    Bottom = "bottom"
}
type BannerProps = ContainerProps & {
    iconColor?: string;
    contentAlignment?: ContentAlignment;
    floating?: boolean;
    variant?: BannerVariants;
};
declare const _default: react.ComponentType<BannerProps>;

declare enum ButtonVariant {
    Link = "link"
}
type ButtonProps = PropsWithChildren<{
    variant?: ButtonVariant;
    href?: string;
    border?: string | ViewPort<string>;
    size?: string;
    className?: string;
    style?: CSSProperties;
    textColor?: string;
    textSize?: string | ViewPort<string>;
    textWeight?: string;
    textFont?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
    textTransform?: string;
    buttonColor?: string;
    isActive?: boolean;
    onClick?: () => void;
    icon?: ReactNode;
    iconPosition?: 'left' | 'right';
    hoverButtonColor?: string;
    hoverTextColor?: string;
}>;

type FooterProps = Omit<ContainerProps, 'height' | 'content'> & {
    logo?: ReactNode;
    copyright?: ReactNode;
    content?: ReactNode;
};

type HeaderProps = PropsWithChildren & Omit<ContainerProps, 'fluidContent' | 'height'> & {
    leftSection?: ReactNode;
    rightSection?: ReactNode;
    color?: string;
    sticky?: boolean;
};

type IconLabelProps = {
    icon?: ReactNode;
    children: ReactElement | string;
    textClassName?: string;
    iconClassName?: string;
    className?: string;
    text?: string;
    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
    size?: TextProps['size'];
    color?: string;
    weight?: TextProps['weight'];
    font?: string;
    alignment?: TextProps['alignment'];
    transform?: TextProps['transform'];
    decoration?: TextProps['decoration'];
    letterSpacing?: TextProps['letterSpacing'];
    iconPosition?: 'left' | 'right';
    lineCountRestrictions?: string;
};

export { type ButtonProps as B, type ContainerProps as C, type FooterProps as F, type HeaderProps as H, type IconLabelProps as I, _default as _, type BannerProps as a, ButtonVariant as b, ContentAlignment as c };