@trafilea/afrodita-components 2.3.2 → 3.0.1-beta.0

package/build/dts/components/shared/select/BaseSelectButton.d.ts

@@ -1,17 +0,0 @@
-import { ElementType, ReactNode } from 'react';
-import { JsxFragment } from 'typescript';
-export interface ButtonRenderProps {
-    open: boolean;
-    disabled: boolean;
-}
-export declare type BaseSelectButtonProps = {
-    as: ElementType<JsxFragment>;
-    children: JSX.Element;
-    className?: never;
-} | {
-    as?: ElementType;
-    children: ReactNode;
-    className?: string;
-};
-declare const BaseSelectButton: ({ children, as }: BaseSelectButtonProps) => JSX.Element;
-export default BaseSelectButton;

package/build/dts/components/shared/select/BaseSelectOption.d.ts

@@ -1,22 +0,0 @@
-import { ElementType, ReactNode } from 'react';
-import { JsxFragment } from 'typescript';
-export interface OptionRenderProps {
-    active: boolean;
-    selected: boolean;
-    disabled: boolean;
-}
-export declare type CommonProps<T> = {
-    value: T;
-    disabled: boolean;
-    children: ReactNode;
-};
-export declare type StyleProps = {
-    as: ElementType<JsxFragment>;
-    className?: never;
-} | {
-    as?: ElementType;
-    className?: string;
-};
-export declare type BaseSelectOptionProps<T> = CommonProps<T> & StyleProps;
-declare function BaseSelectOption<T>({ value, disabled, children, className, as, }: BaseSelectOptionProps<T>): JSX.Element;
-export default BaseSelectOption;

package/build/dts/components/shared/select/BaseSelectOptions.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export interface BaseSelectOptionsProps {
-    children: ReactNode;
-    className?: string;
-}
-declare const BaseSelectOptions: ({ children, className }: BaseSelectOptionsProps) => JSX.Element;
-export default BaseSelectOptions;

package/build/dts/components/size/guide/SizeFitGuide.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface SizeFitGuideProps {
-    title: string;
-    fitPercentageLabel: string;
-    fitPercentage: number;
-    onClick: () => void;
-}
-declare const SizeFitGuide: ({ title, fitPercentageLabel, fitPercentage, onClick }: SizeFitGuideProps) => JSX.Element;
-export default SizeFitGuide;

package/build/dts/components/size/guide/SizeFitGuide.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { SizeFitGuideProps } from './SizeFitGuide';
-declare const _default: {
-    title: string;
-    component: ({ title, fitPercentageLabel, fitPercentage, onClick }: SizeFitGuideProps) => JSX.Element;
-};
-export default _default;
-export declare const Default: Story<SizeFitGuideProps>;

package/build/dts/components/size/guide/SizeFitGuide.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/size/selector/SizeSelector.d.ts

@@ -1,8 +0,0 @@
-import { SizeOption } from '../../../types/types';
-export interface SizeSelectorProps {
-    sizes: SizeOption[];
-    selectedValue?: SizeOption;
-    onChange: (size: SizeOption) => void;
-}
-declare const SizeSelector: ({ sizes, selectedValue, onChange }: SizeSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default SizeSelector;

package/build/dts/components/size/selector/SizeSelector.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: ({ sizes, selectedValue, onChange }: import("./SizeSelector").SizeSelectorProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const DefaultSelectedValue: () => JSX.Element;

package/build/dts/components/size/selector/SizeSelector.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/size-table/SizeTable.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface TableProps {
-    headers: string[];
-    data: string[][];
-}
-export declare const SizeTable: ({ headers, data }: TableProps) => JSX.Element;

package/build/dts/components/size-table/SizeTable.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { TableProps } from './SizeTable';
-declare const _default: {
-    title: string;
-    component: ({ headers, data }: TableProps) => JSX.Element;
-};
-export default _default;
-export declare const Basic: Story<TableProps>;

package/build/dts/components/size-table/SizeTable.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/slider/ArrowButton.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare enum Direction {
-    Left = 0,
-    Right = 1
-}
-export interface ArrowButtonProps {
-    direction: 'left' | 'right';
-    onClick?: () => void;
-    width: number;
-    height: number;
-    className?: string;
-}
-declare const ArrowButton: ({ direction, onClick, width, height, className }: ArrowButtonProps) => JSX.Element;
-export default ArrowButton;

package/build/dts/components/slider/SliderNatigation.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/slider/SliderNavigation.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { ComponentSize } from '../../types/enums';
-export interface SliderNavigationProps {
-    children: JSX.Element[];
-    infinite: boolean;
-    adaptiveHeight: boolean;
-    dotsSize: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
-    dotListMarginTop: number;
-    initialSlide?: number;
-    arrows?: {
-        arrowWidth: number;
-        arrowHeight: number;
-        arrowPadding: number;
-    };
-}
-declare const SliderNavigation: ({ children, infinite, arrows, adaptiveHeight, dotsSize, dotListMarginTop, initialSlide, }: SliderNavigationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default SliderNavigation;

package/build/dts/components/slider/SliderNavigation.stories.d.ts

@@ -1,9 +0,0 @@
-import { Story } from '@storybook/react';
-import { SliderNavigationProps } from './SliderNavigation';
-declare const _default: {
-    title: string;
-    component: ({ children, infinite, arrows, adaptiveHeight, dotsSize, dotListMarginTop, initialSlide, }: SliderNavigationProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-};
-export default _default;
-export declare const WithArrows: Story<SliderNavigationProps>;
-export declare const WithoutArrows: Story<SliderNavigationProps>;

package/build/dts/components/slider/StyledSlider.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import Slider from '@ant-design/react-slick';
-import 'slick-carousel/slick/slick.css';
-import 'slick-carousel/slick/slick-theme.css';
-interface StyledSliderProps {
-    arrowPadding?: number;
-    dotListMarginTop: number;
-    dotsSpacing: number;
-    arrowPaddingOffset: number;
-}
-declare const StyledSlider: import("@emotion/styled").StyledComponent<import("@ant-design/react-slick").Settings & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & StyledSliderProps, {}, {
-    ref?: import("react").Ref<Slider> | undefined;
-}>;
-export default StyledSlider;

package/build/dts/components/spinner/Spinner.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface SpinnerProps {
-    fill: string;
-    background: string;
-    animationDuration?: number;
-    complete?: boolean;
-    completeIconStroke?: number;
-    size?: string;
-}
-export declare const Spinner: ({ fill, background, animationDuration, complete, completeIconStroke, size, }: SpinnerProps) => JSX.Element;

package/build/dts/components/spinner/Spinner.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { SpinnerProps } from './Spinner';
-declare const _default: {
-    title: string;
-    component: ({ fill, background, animationDuration, complete, completeIconStroke, size, }: SpinnerProps) => JSX.Element;
-};
-export default _default;
-export declare const BasicSpinner: Story<SpinnerProps>;

package/build/dts/components/spinner/Spinner.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/tag/Tag.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface TagProps {
-    text: string;
-    className?: string;
-}
-declare const Tag: ({ text, className }: TagProps) => JSX.Element;
-export default Tag;

package/build/dts/components/tag/Tag.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/tag/index.d.ts

@@ -1,3 +0,0 @@
-import CategoryTag from './variants/pdp/category/CategoryTag';
-import SeasonOfferTag from './variants/pdp/season-offer/SeasonOfferTag';
-export { CategoryTag, SeasonOfferTag };

package/build/dts/components/tag/variants/pdp/category/CategoryTag.d.ts

@@ -1,8 +0,0 @@
-import { ComponentSize } from '../../../../../types/enums';
-export interface CategoryTagProps {
-    text: string;
-    size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
-    className?: string;
-}
-declare const CategoryTag: ({ text, size, className }: CategoryTagProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default CategoryTag;

package/build/dts/components/tag/variants/pdp/category/CategoryTag.stories.d.ts

@@ -1,22 +0,0 @@
-import { Story } from '@storybook/react';
-import { CategoryTagProps } from './CategoryTag';
-import { ComponentSize } from '../../../../../types/enums';
-declare const _default: {
-    title: string;
-    component: ({ text, size, className }: CategoryTagProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-    argTypes: {
-        size: {
-            options: ComponentSize[];
-            control: {
-                type: string;
-                labels: {
-                    0: string;
-                    1: string;
-                    2: string;
-                };
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<CategoryTagProps>;

package/build/dts/components/tag/variants/pdp/category/CategoryTag.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/tag/variants/pdp/season-offer/SeasonOfferTag.d.ts

@@ -1,9 +0,0 @@
-import { ComponentSize } from '../../../../../types/enums';
-export interface SeasonOfferTagProps {
-    text: string;
-    backgroundColor?: string;
-    size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
-    className?: string;
-}
-declare const SeasonOfferTag: ({ text, backgroundColor, size, className, }: SeasonOfferTagProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default SeasonOfferTag;

package/build/dts/components/tag/variants/pdp/season-offer/SeasonOfferTag.stories.d.ts

@@ -1,22 +0,0 @@
-import { Story } from '@storybook/react';
-import { ComponentSize } from '../../../../../types/enums';
-import { SeasonOfferTagProps } from './SeasonOfferTag';
-declare const _default: {
-    title: string;
-    component: ({ text, backgroundColor, size, className, }: SeasonOfferTagProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-    argTypes: {
-        size: {
-            options: ComponentSize[];
-            control: {
-                type: string;
-                labels: {
-                    0: string;
-                    1: string;
-                    2: string;
-                };
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: Story<SeasonOfferTagProps>;

package/build/dts/components/tag/variants/pdp/season-offer/SeasonOfferTag.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/text-button/TextButton.d.ts

@@ -1,13 +0,0 @@
-import { ComponentSize } from '../../types/enums';
-import { IconType } from '../icons';
-import { BaseButtonProps } from '../shared/button/BaseButton';
-declare type BaseProps = Pick<BaseButtonProps, 'disabled' | 'type' | 'onClick'>;
-export interface TextButtonProps extends BaseProps {
-    text: string;
-    LeadingIcon?: IconType;
-    TrailingIcon?: IconType;
-    iconColor?: string;
-    size?: ComponentSize;
-}
-declare const TextButton: ({ text, LeadingIcon, TrailingIcon, iconColor, disabled, type, size, onClick, }: TextButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default TextButton;

package/build/dts/components/text-button/TextButton.stories.d.ts

@@ -1,58 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { ComponentSize } from '../../types/enums';
-import { TextButtonProps } from './TextButton';
-declare const _default: {
-    title: string;
-    component: ({ text, LeadingIcon, TrailingIcon, iconColor, disabled, type, size, onClick, }: TextButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    argTypes: {
-        LeadingIcon: {
-            options: (string | undefined)[];
-            mapping: {
-                FlagUsa: ({ height, width, fill }: import("../..").IconProps) => JSX.Element;
-                CircleUp: ({ width, height, fill }: import("../..").IconProps) => JSX.Element;
-            };
-            control: {
-                type: string;
-            };
-        };
-        TrailingIcon: {
-            options: (string | undefined)[];
-            mapping: {
-                FlagUsa: ({ height, width, fill }: import("../..").IconProps) => JSX.Element;
-                CircleUp: ({ width, height, fill }: import("../..").IconProps) => JSX.Element;
-            };
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            options: boolean[];
-        };
-        type: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            options: ComponentSize[];
-            control: {
-                type: string;
-                labels: {
-                    1: string;
-                    2: string;
-                };
-            };
-        };
-        onClick: {
-            action: string;
-        };
-        iconColor: {
-            control: string;
-        };
-    };
-};
-export default _default;
-export declare const WithLeading: Story<TextButtonProps>;
-export declare const WithTrailing: Story<TextButtonProps>;

package/build/dts/components/text-button/TextButton.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/theme/ThemeProvider.d.ts

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

package/build/dts/components/theme/defaultTheme.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from '@emotion/react';
-export declare const defaultTheme: Theme;

package/build/dts/components/timer/Timer.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-interface TimeProps {
-    hours: number;
-    minutes: number;
-    seconds: number;
-}
-export interface TimerProps extends TimeProps {
-    onTimeUp: () => void;
-}
-export declare const timeToSeconds: ({ hours, minutes, seconds }: TimeProps) => number;
-export declare const secondsToTime: (secs: number) => TimeProps;
-export declare const Timer: ({ onTimeUp, ...rest }: TimerProps) => JSX.Element;
-export {};

package/build/dts/components/timer/Timer.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { TimerProps } from './Timer';
-declare const _default: {
-    title: string;
-    component: ({ onTimeUp, ...rest }: TimerProps) => JSX.Element;
-};
-export default _default;
-export declare const BasicTimer: Story<TimerProps>;

package/build/dts/components/timer/Timer.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/tooltip/Arrow.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from '../../types/types';
-export interface TooltipArrowProps extends IconProps {
-    stroke: string;
-}
-export declare const TooltipArrow: ({ height, width, fill, stroke }: TooltipArrowProps) => JSX.Element;

package/build/dts/components/tooltip/Styled.d.ts

@@ -1,56 +0,0 @@
-/// <reference types="react" />
-import { ComponentPosition } from '../../types/enums';
-interface WrapperProps {
-    position: ComponentPosition;
-}
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface TooltipContainerProps {
-    position: ComponentPosition;
-    align: string;
-    childrenWidth: number;
-    tooltipHeight: number;
-}
-export declare const TooltipContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TooltipContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface ContentWrapperProps {
-    borderColor: string;
-}
-export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ContentWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface ArrowProps {
-    position: ComponentPosition;
-}
-export declare const TooltipArrowContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ArrowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface TooltipTextProps {
-    color: string;
-}
-export declare const TooltipText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TooltipTextProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TopSection: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface TooltipTitleProps {
-    color: string;
-}
-export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TooltipTitleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const IconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/build/dts/components/tooltip/Tooltip.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ComponentPosition } from '../../types/enums';
-import { IconType } from '../icons';
-export interface TooltipProps {
-    children: React.ReactNode;
-    position: ComponentPosition;
-    align?: 'start' | 'center' | 'end';
-    text: string;
-    header?: {
-        title: string;
-        Icon: IconType;
-    };
-    onClick?: () => void;
-}
-export declare const Tooltip: ({ children, position, text, align, onClick, header, }: TooltipProps) => JSX.Element;

package/build/dts/components/tooltip/Tooltip.stories.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { TooltipProps } from './Tooltip';
-import { ComponentPosition } from '../../types/enums';
-declare const _default: {
-    title: string;
-    component: ({ children, position, text, align, onClick, header, }: TooltipProps) => JSX.Element;
-    argTypes: {
-        position: {
-            options: ComponentPosition[];
-            control: {
-                type: string;
-                labels: {
-                    0: string;
-                    1: string;
-                    2: string;
-                    3: string;
-                };
-            };
-        };
-        align: {
-            options: string[];
-            control: {
-                type: string;
-                labels: {
-                    0: string;
-                    1: string;
-                    2: string;
-                };
-            };
-        };
-    };
-};
-export default _default;
-export declare const BasicTooltip: Story<TooltipProps>;

package/build/dts/components/tooltip/Tooltip.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/tooltip/utils.d.ts

@@ -1,7 +0,0 @@
-import { ComponentPosition } from '../../types/enums';
-export declare const getWrapperFlexDirection: (position: ComponentPosition) => "column" | "column-reverse" | "row-reverse" | "row";
-export declare const getContainerFlexDirection: (position: ComponentPosition) => "column" | "column-reverse" | "row-reverse" | "row";
-export declare const getArrowRotation: (position: ComponentPosition) => "0deg" | "180deg" | "270deg" | "90deg";
-export declare const getArrowContainerPadding: (position: ComponentPosition) => "0 1.25rem" | "0 0 0.625rem 0";
-export declare const getArrowContainerMargin: (position: ComponentPosition) => "-1px 0 0 0" | "0 0 -1px 0" | "0";
-export declare const getTooltipAlignItems: (position: ComponentPosition, align: string) => string;

package/build/dts/components/totals/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const Totals: {
-    Total: ({ total, currency, saving, highlightColor }: import("./total/Total").TotalProps) => JSX.Element;
-    Subtotal: ({ subtotal, shipping, taxes, coupon, highlightColor, }: import("./subtotal/Subtotal").SubtotalProps) => JSX.Element;
-};

package/build/dts/components/totals/subtotal/Subtotal.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-declare type SubtotalOption = {
-    label: string;
-    value: string;
-};
-declare type Coupon = {
-    code: string;
-    amount: string;
-};
-export interface SubtotalProps {
-    subtotal: SubtotalOption;
-    shipping: SubtotalOption;
-    taxes: SubtotalOption;
-    highlightColor?: string;
-    coupon?: {
-        couponText: string;
-        appliedText: string;
-        coupons: Coupon[];
-    };
-}
-export declare const Subtotal: ({ subtotal, shipping, taxes, coupon, highlightColor, }: SubtotalProps) => JSX.Element;
-export {};

package/build/dts/components/totals/subtotal/Subtotal.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Story } from '@storybook/react';
-import { SubtotalProps } from './Subtotal';
-declare const _default: {
-    title: string;
-    component: ({ subtotal, shipping, taxes, coupon, highlightColor, }: SubtotalProps) => JSX.Element;
-};
-export default _default;
-export declare const BasicSubtotal: Story<SubtotalProps>;

package/build/dts/components/totals/subtotal/Subtotal.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/dts/components/totals/total/Total.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-export interface TotalProps {
-    total: string;
-    currency: string;
-    highlightColor?: string;
-    saving?: {
-        amount: string;
-        savingText: string;
-    };
-}
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface GrandTotalProps {
-    color: string;
-}
-export declare const GrandTotal: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & GrandTotalProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const Currency: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-interface ContainerProps {
-    highlightColor: string;
-}
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & ContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Discount: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const Total: ({ total, currency, saving, highlightColor }: TotalProps) => JSX.Element;
-export {};