@latte-macchiat-io/latte-vanilla-components 0.0.117

package/dist/types/components/Header/HeaderOverlay/index.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '../../../types/theme';
+export interface HeaderOverlayProps {
+    theme: Theme;
+    isOpen: boolean;
+    children: React.ReactNode;
+}
+declare const HeaderOverlay: ({ isOpen, theme, children }: HeaderOverlayProps) => import("react").JSX.Element;
+export default HeaderOverlay;

package/dist/types/components/Header/HeaderOverlay/styles.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '../../../types/theme';
+interface IStyledOverlay {
+    theme: Theme;
+    isOpen: boolean;
+}
+export declare const StyledOverlay: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledOverlay, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/Header/ToggleNav/index.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '../../../types/theme';
+interface IToggleNavProps {
+    theme: Theme;
+    isNavOpen: boolean;
+    onToggleNav: () => void;
+    displayOnDesktop: boolean;
+}
+declare const ToggleNav: ({ onToggleNav, theme, isNavOpen, displayOnDesktop }: IToggleNavProps) => import("react").JSX.Element;
+export default ToggleNav;

package/dist/types/components/Header/ToggleNav/styles.d.ts

@@ -0,0 +1,17 @@
+import { Theme } from '../../../types/theme';
+interface IStyledToggleNav {
+    displayOnDesktop: boolean;
+}
+export declare const StyledToggleNav: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledToggleNav, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+interface IStyledToggleNavBar {
+    isNavOpen: boolean;
+    theme: Theme;
+}
+export declare const StyledToggleNavBar: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledToggleNavBar, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};

package/dist/types/components/Header/export.d.ts

@@ -0,0 +1,2 @@
+export { Header } from '.';
+export type { HeaderProps } from '.';

package/dist/types/components/Header/index.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type HeaderProps = {
+    theme?: Theme;
+    isFixed?: boolean;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+    hideToggleNav?: boolean;
+    childrenOverlay: React.ReactNode;
+    displayToggleNavOnDesktop?: boolean;
+};
+export declare const Header: ({ children, styles, isFixed, childrenOverlay, theme, hideToggleNav, displayToggleNavOnDesktop, }: HeaderProps) => import("react").JSX.Element;

package/dist/types/components/Header/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Header } from '../../index';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/Header/styles.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledHeader {
+    theme: Theme;
+    isFixed: boolean;
+    styles: CSSProperties;
+}
+export declare const StyledHeader: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledHeader, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+interface IStyledHeaderPlaceholder {
+    theme: Theme;
+}
+export declare const StyledHeaderPlaceholder: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledHeaderPlaceholder, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/Icon/export.d.ts

@@ -0,0 +1,2 @@
+export { Icon } from '.';
+export type { IconProps } from '.';

package/dist/types/components/Icon/index.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type IconProps = {
+    theme?: Theme;
+    icon?: string;
+    iconPath?: string;
+    size?: number;
+    color?: string;
+    viewBox?: string;
+    styles?: CSSProperties;
+};
+export declare const Icon: ({ icon, size, styles, iconPath, color, theme, viewBox, }: IconProps) => import("react").JSX.Element;

package/dist/types/components/Icon/path.d.ts

@@ -0,0 +1,19 @@
+declare const icons: {
+    caret: string;
+    close: string;
+    arrowBack: string;
+    arrowForward: string;
+    play: string;
+    pause: string;
+    volumeMute: string;
+    volumeUp: string;
+    socialFacebook: string;
+    socialInstagram: string;
+    socialPinterest: string;
+    socialLinkedIn: string;
+    socialSpotify: string;
+    socialTiktok: string;
+    socialX: string;
+    socialYoutube: string;
+};
+export default icons;

package/dist/types/components/Icon/stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ icon, size, styles, iconPath, color, theme, viewBox, }: import('.').IconProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/Icon/styles.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+interface IStyledIcon {
+    styles: CSSProperties;
+}
+export declare const StyledIcon: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledIcon, import('react').SVGProps<SVGSVGElement>, {}>;
+interface IStyledIconPath {
+    fill: string;
+}
+export declare const StyledIconPath: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledIconPath, import('react').SVGProps<SVGPathElement>, {}>;
+export {};

package/dist/types/components/KeyNumber/export.d.ts

@@ -0,0 +1,2 @@
+export { KeyNumber } from '.';
+export type { KeyNumberProps } from '.';

package/dist/types/components/KeyNumber/index.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type KeyNumberProps = {
+    label: string;
+    theme?: Theme;
+    suffix: string;
+    keyNumber: number;
+    styles?: CSSProperties;
+};
+export declare const KeyNumber: ({ label, suffix, keyNumber, styles, theme }: KeyNumberProps) => React.ReactElement;

package/dist/types/components/KeyNumber/styles.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+interface IStyledKeyNumber {
+    styles: CSSProperties;
+}
+export declare const StyledKeyNumber: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledKeyNumber, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledKeyNumbersListItemNumber: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/LanguageSwitcher/export.d.ts

@@ -0,0 +1,2 @@
+export { LanguageSwitcher } from '.';
+export type { LanguageSwitcherProps } from '.';

package/dist/types/components/LanguageSwitcher/index.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type LanguageSwitcherProps = {
+    theme?: Theme;
+    locales: string[];
+    currentLocale: string;
+    translations: {
+        [locale: string]: string;
+    };
+    styles?: CSSProperties;
+    handleChange: (event: {
+        target: HTMLSelectElement;
+    }) => void;
+};
+export declare const LanguageSwitcher: ({ currentLocale, handleChange, locales, styles, theme, translations, }: LanguageSwitcherProps) => import("react").JSX.Element;
+export default LanguageSwitcher;

package/dist/types/components/LanguageSwitcher/styles.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledLanguageSwitcher {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledLanguageSwitcher: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledLanguageSwitcher, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLanguageSwitcherIcon: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledLanguageSwitcherSelect {
+    theme: Theme;
+}
+export declare const StyledLanguageSwitcherSelect: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledLanguageSwitcherSelect, import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
+export {};

package/dist/types/components/Logo/export.d.ts

@@ -0,0 +1,2 @@
+export { Logo } from '.';
+export type { LogoProps } from '.';

package/dist/types/components/Logo/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type LogoProps = {
+    theme?: Theme;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const Logo: ({ children, styles, theme }: LogoProps) => import("react").JSX.Element;

package/dist/types/components/Logo/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Logo } from '../../index';
+declare const meta: Meta<typeof Logo>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/Logo/styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledLogo {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledLogo: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledLogo, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/Main/export.d.ts

@@ -0,0 +1,2 @@
+export { Main } from '.';
+export type { MainProps } from '.';

package/dist/types/components/Main/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type MainProps = {
+    theme?: Theme;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const Main: ({ children, styles, theme }: MainProps) => import("react").JSX.Element;

package/dist/types/components/Main/stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, styles, theme }: import('.').MainProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/Main/styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledMain {
+    theme: Theme;
+    styles: CSSProperties;
+}
+declare const StyledMain: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledMain, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export default StyledMain;

package/dist/types/components/Modal/export.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from '.';
+export type { ModalProps } from '.';

package/dist/types/components/Modal/index.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+import { Align } from './types';
+export type ModalProps = {
+    theme?: Theme;
+    align?: Align;
+    styles?: CSSProperties;
+    onModalHide?: () => void;
+    children: React.ReactNode;
+};
+export declare const Modal: ({ children, styles, align, theme, onModalHide, }: ModalProps) => React.ReactElement;

package/dist/types/components/Modal/styles.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+import { Align } from './types';
+interface IStyledModal {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledModal: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledModal, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface IStyledModalContent {
+    theme: Theme;
+    align: Align;
+}
+export declare const StyledModalContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledModalContent, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledModalCloseButton: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export {};

package/dist/types/components/Modal/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum Align {
+    Center = 0,
+    Left = 1,
+    Right = 2
+}

package/dist/types/components/Nav/export.d.ts

@@ -0,0 +1,2 @@
+export { Nav } from '.';
+export type { NavProps } from '.';

package/dist/types/components/Nav/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type NavProps = {
+    theme?: Theme;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const Nav: ({ children, styles, theme }: NavProps) => import("react").JSX.Element;

package/dist/types/components/Nav/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Nav } from '../../index';
+declare const meta: Meta<typeof Nav>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/Nav/styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledNavLegal {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledNavLegal: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledNavLegal, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/NavLegal/export.d.ts

@@ -0,0 +1,2 @@
+export { NavLegal } from '.';
+export type { NavLegalProps } from '.';

package/dist/types/components/NavLegal/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type NavLegalProps = {
+    theme?: Theme;
+    styles?: CSSProperties;
+    children: React.ReactNode;
+};
+export declare const NavLegal: ({ children, styles, theme }: NavLegalProps) => import("react").JSX.Element;

package/dist/types/components/NavLegal/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NavLegal } from '../../index';
+declare const meta: Meta<typeof NavLegal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/NavLegal/styles.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledNavLegal {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledNavLegal: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledNavLegal, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/NavLegal/types.d.ts

@@ -0,0 +1 @@
+export type Social = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';

package/dist/types/components/NavSocial/export.d.ts

@@ -0,0 +1,3 @@
+export { NavSocial } from '.';
+export type { NavSocialProps } from '.';
+export type { Social as SocialType } from './types';

package/dist/types/components/NavSocial/index.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { Social } from './types';
+import { Theme } from '../../types/theme';
+export type NavSocialProps = {
+    theme?: Theme;
+    styles?: CSSProperties;
+    navSocial: {
+        name: Social;
+        link: string;
+    }[];
+};
+export declare const NavSocial: ({ navSocial, styles, theme }: NavSocialProps) => import("react").JSX.Element;

package/dist/types/components/NavSocial/stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NavSocial } from '../../index';
+declare const meta: Meta<typeof NavSocial>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/NavSocial/styles.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+interface IStyledNavSocial {
+    theme: Theme;
+    styles: CSSProperties;
+}
+export declare const StyledNavSocial: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledNavSocial, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledNavSocialLink: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/types/components/NavSocial/types.d.ts

@@ -0,0 +1 @@
+export type Social = 'instagram' | 'linkedIn' | 'facebook' | 'pinterest' | 'spotify' | 'X' | 'youtube' | 'tiktok';

package/dist/types/components/Section/export.d.ts

@@ -0,0 +1,2 @@
+export { Section } from '.';
+export type { SectionProps } from '.';

package/dist/types/components/Section/index.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { Align } from './types';
+import { Theme } from '../../types/theme';
+export type SectionProps = {
+    id?: string;
+    theme?: Theme;
+    align?: Align;
+    zIndex?: number;
+    isDark?: boolean;
+    styles?: CSSProperties;
+    isFullHeight?: boolean;
+    noPaddingTop?: boolean;
+    children: React.ReactNode;
+    noPaddingBottom?: boolean;
+    backgroundColor?: string;
+    backgroundGradient?: string;
+};
+export declare const Section: ({ children, zIndex, styles, id, isDark, align, isFullHeight, noPaddingTop, backgroundColor, theme, noPaddingBottom, }: SectionProps) => import("react").JSX.Element;

package/dist/types/components/Section/stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, zIndex, styles, id, isDark, align, isFullHeight, noPaddingTop, backgroundColor, theme, noPaddingBottom, }: import('.').SectionProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FullHeight: Story;

package/dist/types/components/Section/styles.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+import { Align } from './types';
+interface IStyledSection {
+    align: Align;
+    theme: Theme;
+    zIndex: number;
+    isDark: boolean;
+    styles: CSSProperties;
+    isFullHeight: boolean;
+    noPaddingTop: boolean;
+    backgroundColor: string;
+    noPaddingBottom: boolean;
+}
+export declare const StyledSection: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & IStyledSection, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledSectionContent: import('@emotion/styled').StyledComponent<Omit<import('framer-motion').HTMLMotionProps<"div">, "ref"> & import('react').RefAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export {};

package/dist/types/components/Section/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum Align {
+    Center = 0,
+    Left = 1,
+    Right = 2
+}

package/dist/types/components/Section/variants.d.ts

@@ -0,0 +1,15 @@
+declare const sectionVariants: {
+    hidden: {
+        opacity: number;
+    };
+    visible: {
+        opacity: number;
+        transition: {
+            delay: number;
+            bounce: number;
+            duration: number;
+            type: string;
+        };
+    };
+};
+export default sectionVariants;

package/dist/types/components/Video/export.d.ts

@@ -0,0 +1,2 @@
+export { Video } from '.';
+export type { VideoProps } from '.';

package/dist/types/components/Video/index.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { Theme } from '../../types/theme';
+export type VideoProps = {
+    video: string;
+    theme?: Theme;
+    isAutoPlay?: boolean;
+    startMuted?: boolean;
+    onPlay?: () => void;
+    onClose?: () => void;
+    onEnded?: () => void;
+    poster?: string | null;
+    showControls?: boolean;
+    styles?: CSSProperties;
+    hidePlayButton?: boolean;
+    isVideoFullWidth?: boolean;
+    isPlayingFullScreen?: boolean;
+};
+export declare const Video: ({ video, isAutoPlay, styles, poster, startMuted, onPlay, onClose, onEnded, showControls, theme, hidePlayButton, isVideoFullWidth, isPlayingFullScreen, }: VideoProps) => React.ReactElement;