import * as react from 'react';
import { FC, SVGProps, CSSProperties, ReactElement, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
import { C as ContainerProps, B as ButtonProps, F as FooterProps, H as HeaderProps, I as IconLabelProps } from '../../index-BaOoyonn.mjs';
export { _ as Banner, a as BannerProps, b as ButtonVariant, c as ContentAlignment } from '../../index-BaOoyonn.mjs';
import { ViewPort } from '../../types/cskTypes.mjs';
import { ImageProps as ImageProps$1 } from 'next/image';
import { T as TextProps } from '../../index-CrBZatTs.mjs';
import { ReactPlayerProps } from 'react-player/types';
import '@uniformdev/next-app-router/component';
import '@uniformdev/canvas';
import '@uniformdev/next-app-router';
import '@uniformdev/next-app-router-shared';

declare const Text: FC<TextProps>;

declare const Container: FC<ContainerProps>;

declare const Button: FC<ButtonProps>;

declare const Footer: FC<FooterProps>;

declare const Header: FC<HeaderProps>;

declare const IconLabel: FC<IconLabelProps>;

declare const Arrow: FC<SVGProps<SVGElement>>;

declare const ImageIcon: FC<SVGProps<SVGSVGElement>>;

declare const VideoIcon: FC<SVGProps<SVGSVGElement>>;

type CarouselProps = Pick<ContainerProps, 'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'height'> & {
    countOfItems?: number;
    children: (options: {
        className?: string;
        style?: CSSProperties;
    }) => ReactElement;
    itemsPerPage?: string;
    gapX?: string;
    variant?: string;
};
declare const _default$4: react.ComponentType<CarouselProps>;

declare const Flex: FC<FlexProps>;

type Direction = 'row' | 'row-reverse' | 'col' | 'col-reverse';
type Justify = 'normal' | 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
type Align$2 = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
type Wrap = 'nowrap' | 'wrap' | 'wrap-reverse';
type FlexProps = Pick<ContainerProps, 'className' | 'wrapperClassName' | 'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'height' | 'children'> & {
    direction?: Direction | ViewPort<Direction>;
    justifyContent?: Justify | ViewPort<Justify>;
    gap?: string | ViewPort<string>;
    alignItems?: Align$2 | ViewPort<Align$2>;
    wrap?: Wrap | ViewPort<Wrap>;
};

declare const FlexItem: FC<FlexItemProps>;

type AvailableAlignSelf = 'auto' | 'start' | 'end' | 'center' | 'stretch';
type AvailableShrink = '0' | '1';
type FlexItemProps = HTMLAttributes<HTMLDivElement> & {
    alignSelf?: AvailableAlignSelf | ViewPort<AvailableAlignSelf>;
    shrink?: AvailableShrink;
};

declare const Grid: FC<GridProps>;

type Align$1 = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
type GridProps = Pick<ContainerProps, 'title' | 'backgroundColor' | 'spacing' | 'border' | 'fluidContent' | 'children' | 'height'> & {
    columnsCount?: string | ViewPort<string>;
    gapY?: string | ViewPort<string>;
    gapX?: string | ViewPort<string>;
    alignItems?: Align$1 | ViewPort<Align$1>;
    className?: string;
};

declare const GridItem: FC<GridItemProps>;

type Align = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
type GridItemProps = HTMLAttributes<HTMLDivElement> & {
    columnStart?: string | ViewPort<string>;
    columnSpan?: string | ViewPort<string>;
    rowStart?: string | ViewPort<string>;
    rowSpan?: string | ViewPort<string>;
    className?: string;
    alignSelf?: Align | ViewPort<Align>;
};

declare const Image: FC<ImageProps>;

type ImageProps = ImageProps$1 & {
    containerStyle?: NonNullable<HTMLAttributes<HTMLDivElement>['style']>;
    overlayColor?: string;
    contrastBaseColor?: string;
    overlayOpacity?: NonNullable<ImageProps$1['style']>['opacity'];
    border?: string | ViewPort<string>;
};

declare const Link: FC<LinkProps>;

type LinkProps = PropsWithChildren<{
    link: string;
    openInNewTab?: boolean;
    className?: string;
    rel?: string;
    style?: CSSProperties;
}>;

declare const MediaPlaceholder: FC<MediaPlaceholderType>;

type MediaPlaceholderType = {
    type?: 'image' | 'video';
    placeholder?: string;
};

declare const Page: FC<PageProps>;

type PageProps = HTMLAttributes<HTMLDivElement> & {
    header?: ReactNode;
    footer?: ReactNode;
    backgroundColor?: string;
};

declare const Rating: FC<RatingProps>;

type RatingProps = {
    rating?: number;
    showReviewLabel?: boolean;
    starsColor?: string;
    activeStarsColor?: string;
};

type ThemeSwitcherProps = {
    iconColor?: string;
    onChange?: (theme: string) => void;
};
declare const _default$3: react.ComponentType<ThemeSwitcherProps>;

type VideoProps = ReactPlayerProps & {
    autoPlay?: boolean;
    url?: string;
    lazyLoad?: boolean;
    placeholderImageUrl?: string;
    overlayColor?: string;
    overlayOpacity?: NonNullable<ImageProps$1['style']>['opacity'];
    border?: string | ViewPort<string>;
};
declare const _default$2: react.ComponentType<VideoProps>;

declare const InlineSVG: FC<InlineSVGProps>;

type InlineSVGProps = {
    src: string;
    className?: string;
    fill?: boolean;
    width?: number;
    height?: number;
    sanitize?: boolean;
    fallback?: ReactNode;
    useCurrentColor?: boolean;
    alt?: string;
};

declare const Accordion: FC<AccordionProps>;

type AccordionProps = ContainerProps & {
    accordionContent?: ReactNode;
    accordionItems: ReactNode;
};

type AccordionItemParameters = Pick<ContainerProps, 'backgroundColor' | 'spacing' | 'border'> & {
    text: ReactElement;
    accordionItemContent: ReactNode;
};
type AccordionItemAdditionalProps = {
    className?: string;
};
type AccordionItemProps = AccordionItemParameters & AccordionItemAdditionalProps;
declare const _default$1: react.ComponentType<AccordionItemProps>;

type ModalProps = {
    maxWidth?: 'small' | 'medium' | 'large';
    className?: string;
    backgroundColor?: string;
    closeIconColor?: string;
    disableCloseModalOnClickOutside?: boolean;
    trigger: ReactNode;
    content: ReactNode;
    actions?: ReactNode;
    onChangeModalState?: (state: boolean) => void;
};
declare const _default: react.ComponentType<ModalProps>;

export { Accordion, _default$1 as AccordionItem, type AccordionItemProps, type AccordionProps, Arrow as ArrowIcon, Button, ButtonProps, _default$4 as Carousel, type CarouselProps, Container, ContainerProps, Flex, FlexItem, type FlexItemProps, type FlexProps, Footer, FooterProps, Grid, GridItem, type GridItemProps, type GridProps, Header, HeaderProps, IconLabel, IconLabelProps, Image, ImageIcon, type ImageProps, InlineSVG, type InlineSVGProps, Link, type LinkProps, MediaPlaceholder, type MediaPlaceholderType, _default as Modal, type ModalProps, Page, type PageProps, Rating, type RatingProps, Text, TextProps, _default$3 as ThemeSwitcher, type ThemeSwitcherProps, _default$2 as Video, VideoIcon, type VideoProps };