fansunited-frontend-core 0.0.25 → 0.0.26

package/README.md

@@ -81,6 +81,7 @@ import {
   CTADetails,
   SignInCTADetails,
   OnSuccessCTADetails,
+  AdditionalCTADetails,
 
   // Analytics and Events
   AnalyticsEvent,
@@ -247,6 +248,103 @@ import { initializeI18n } from "fansunited-frontend-core";
 initializeI18n("en");
 ```
 
+## Call-to-Action (CTA) Interfaces
+
+The package provides several CTA interfaces for different use cases:
+
+### AdditionalCTADetails
+
+Configure additional call-to-action buttons for widget completion screens.
+
+```tsx
+import { AdditionalCTADetails } from "fansunited-frontend-core";
+
+// Custom component
+const additionalCTA: AdditionalCTADetails = {
+  component: <CustomCTAButton />,
+};
+
+// Basic CTA with onClick handler
+const additionalCTA: AdditionalCTADetails = {
+  defaultLabel: "Learn More",
+  onClick: () => {
+    console.log("Additional CTA clicked");
+  },
+};
+
+// CTA with URL navigation
+const additionalCTA: AdditionalCTADetails = {
+  defaultLabel: "Visit Website",
+  url: "https://your-website.com",
+  target: "_blank", // or "_self"
+};
+```
+
+**Interface Definition:**
+
+```tsx
+interface AdditionalCTADetails {
+  defaultLabel?: string; // Not required when component is provided
+  onClick?: () => void; // Required when only defaultLabel is provided
+  url?: string | null;
+  target?: LinkTargetType; // "_blank" | "_self" | "_parent" | "_top"
+  component?: React.ReactElement | null;
+}
+```
+
+**Priority Order:**
+
+1. **Custom Component** - If `component` is provided, it will be rendered
+2. **Click Handler** - If `onClick` is provided, a button with the handler will be rendered
+3. **URL Navigation** - If `url` is provided, a button will be rendered and clicking will navigate to the URL
+
+**Usage:**
+
+- **ClassicQuizPlay**: Displayed after "Play Again" and "Share Result" buttons (Standard), after "Play Again" (Split), after "Play Again" and "Share Result" (Overlay)
+- **PollVote**: Displayed before "Vote Again" (Standard), same container as "Vote Again" (Split), after "Vote Again" (Overlay)
+- **PersonalityQuizPlay**: Displayed before "Play Again" (Standard), in thank you container after "Play Again" (Split), after "Play Again" if available (Overlay)
+- **MatchQuizPlay**: Displayed same line as branding logo (Standard), centered after main content (Split), same line as branding logo (Overlay)
+
+### SignInCTADetails
+
+Configure sign-in call-to-action buttons for authentication-required widgets.
+
+```tsx
+import { SignInCTADetails } from "fansunited-frontend-core";
+
+// Custom component
+const signInCTA: SignInCTADetails = {
+  component: <CustomSignInButton />,
+};
+
+// Basic sign-in with onClick handler
+const signInCTA: SignInCTADetails = {
+  defaultLabel: "Sign In",
+  onClick: () => {
+    console.log("Sign in clicked");
+  },
+};
+
+// Sign-in with URL navigation
+const signInCTA: SignInCTADetails = {
+  defaultLabel: "Login",
+  url: "https://your-auth-provider.com/login",
+  target: "_blank",
+};
+```
+
+**Interface Definition:**
+
+```tsx
+interface SignInCTADetails {
+  defaultLabel?: string; // Not required when component is provided
+  onClick?: () => void; // Required when only defaultLabel is provided
+  url?: string | null;
+  target?: LinkTargetType; // "_blank" | "_self" | "_parent" | "_top"
+  component?: React.ReactElement | null;
+}
+```
+
 ## Supported Languages
 
 - English (en)

package/components/Portal.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { MainProps } from '../interfaces/interfaces';
+import { PackageNamesType } from '../types/types';
+
+interface PortalProps extends MainProps {
+    children: React.ReactNode;
+    packageName: PackageNamesType;
+}
+declare const Portal: React.FC<PortalProps>;
+export default Portal;
+//# sourceMappingURL=Portal.d.ts.map

package/components/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/components/Portal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAOlD,UAAU,WAAY,SAAQ,SAAS;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;CAC/B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/components/Skeletons/NotFoundSkeleton.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+
+/**
+ * Props for the NotFoundSkeleton component
+ */
+export interface NotFoundSkeletonProps {
+    /** Title for the not found message */
+    notFoundTitle: string;
+    /** Description message for the not found state */
+    notFoundMessage: string;
+}
+/**
+ * NotFoundSkeleton Component
+ *
+ * A reusable skeleton component for displaying "not found" states across all widget packages.
+ * This component provides a consistent centered layout with a danger-colored icon and message.
+ *
+ * @example
+ * ```tsx
+ * <NotFoundSkeleton
+ *   notFoundTitle={t("poll.pollNotFound")}
+ *   notFoundMessage={t("poll.pollNotFoundDescription")}
+ * />
+ * ```
+ */
+declare const NotFoundSkeleton: React.FC<NotFoundSkeletonProps>;
+export default NotFoundSkeleton;
+//# sourceMappingURL=NotFoundSkeleton.d.ts.map

package/components/Skeletons/NotFoundSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeletons/NotFoundSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,sCAAsC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0ErD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SkeletonEntity } from '../../../../interfaces/interfaces';
+
+export interface OverlayApiErrorSkeletonProps {
+    entity: SkeletonEntity;
+    headline: string;
+    tryAgainButtonText: string;
+    defaultImagePlaceholderUrl?: string;
+    isApiError: boolean;
+    toggleTryAgain: () => void;
+    apiErrorMessage?: string;
+    renderPresentedBy: (textColor: string) => React.ReactNode;
+}
+declare const OverlayApiErrorSkeleton: React.FC<OverlayApiErrorSkeletonProps>;
+export default OverlayApiErrorSkeleton;
+//# sourceMappingURL=OverlayApiErrorSkeleton.d.ts.map

package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayApiErrorSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3D;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA8HnE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.styles.d.ts

@@ -0,0 +1,191 @@
+import { CustomBorderRadius, CustomSpacingScale } from '../../../../index';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+
+interface StyleProps {
+    spacingScale: CustomSpacingScale;
+    brandingColors: BrandingColorsModel | null;
+    secondaryColor: string;
+    fontFamilyPrimary: string;
+    fontFamilySecondary: string;
+    borderRadius: CustomBorderRadius;
+    borderSize: string;
+    darkTextColor: string;
+    backgroundImage: string;
+    imageBackgroundGradient: string;
+    contentBgColor: string;
+    onSurfaceColor: string;
+    surfaceVariantColor: string;
+    textPrimary: string;
+    isMobile: boolean;
+}
+export declare const createStyles: (props: StyleProps) => {
+    mainContainer: {
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+        gap: string;
+        p: string;
+        boxShadow: string;
+        border: string;
+        overflow: string;
+        backgroundImage: string;
+        backgroundSize: string;
+        backgroundPosition: string;
+        position: string;
+        borderRadius: string;
+        minHeight: string;
+        "&::before": {
+            content: string;
+            position: string;
+            background: string;
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            borderRadius: string;
+            zIndex: number;
+        };
+    };
+    headlineSection: {
+        display: string;
+        justifyContent: string;
+        flex: string;
+        alignSelf: string;
+    };
+    headlineContent: {
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        flex: string;
+        gap: string;
+    };
+    headlineContentInner: {
+        zIndex: number;
+    };
+    headlineText: {
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        textAlign: string;
+        color: string;
+        opacity: string;
+        textTransform: string;
+        fontFamily: string;
+        fontSize: string;
+    };
+    contentContainer: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+    };
+    titleText: {
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        textAlign: string;
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+    };
+    descriptionText: {
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        fontSize: string;
+        textAlign: string;
+        color: string;
+        opacity: string;
+        fontFamily: string;
+    };
+    bottomSection: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+        zIndex: number;
+    };
+    footerContainer: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        flexDirection: string;
+        gap: string;
+    };
+    ctaSection: {
+        borderRadius: string;
+        py: string;
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        alignSelf: string;
+        gap: string;
+        backdropFilter: string;
+        position: string;
+        "&::before": {
+            content: string;
+            position: string;
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            backgroundColor: string;
+            opacity: number;
+            borderRadius: string;
+            zIndex: number;
+            backdropFilter: string;
+        };
+        "& > *": {
+            position: string;
+            zIndex: number;
+        };
+    };
+    buttonsContainer: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+    };
+    tryAgainButton: {
+        display: string;
+        minHeight: string;
+        py: string;
+        pr: string;
+        pl: string;
+        flexDirection: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        borderRadius: string;
+        bgcolor: string;
+        "&:hover": {
+            bgcolor: string;
+        };
+        fontSize: string;
+    };
+    tryAgainButtonContent: {
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        alignSelf: string;
+    };
+    tryAgainIcon: {
+        display: string;
+        width: string;
+        height: string;
+        justifyContent: string;
+        alignItems: string;
+        color: string;
+    };
+    tryAgainText: {
+        color: string;
+        textAlign: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        textTransform: string;
+    };
+};
+export {};
+//# sourceMappingURL=OverlayApiErrorSkeleton.styles.d.ts.map

package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayApiErrorSkeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,UAAU,UAAU;IAClB,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,kBAAkB,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,UAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwM5C,CAAC"}

package/components/Skeletons/Overlay/OverlaySkeleton.d.ts

@@ -0,0 +1,45 @@
+import { default as React, ReactNode } from 'react';
+import { SkeletonEntity } from '../../../interfaces/interfaces';
+
+/**
+ * Props for the OverlaySkeleton component
+ */
+export interface OverlaySkeletonProps {
+    /** Entity object containing title, description, images, and branding */
+    entity: SkeletonEntity;
+    /** Headline text (e.g., "POLL", "QUIZ", "MATCH QUIZ") - from translation */
+    headline: string;
+    /** Final image URL to display (already processed by useImageVariant) */
+    finalImage: string;
+    /** Children content to render in the main content area */
+    children: ReactNode;
+}
+/**
+ * OverlaySkeleton Component
+ *
+ * A reusable skeleton/wrapper component for Overlay variant layouts across all packages.
+ * Handles:
+ * - Background image with gradient overlay
+ * - Headline rendering with title and description
+ * - Content container with backdrop blur effect
+ * - Consistent z-index layering for overlay elements
+ *
+ * Based on the implementation from match-quiz-play MatchQuizOverlayVariant.
+ *
+ * Usage across packages:
+ * - poll-vote, classic-quiz-play, personality-quiz-play, match-quiz-play
+ *
+ * @example
+ * ```tsx
+ * <OverlaySkeleton
+ *   entity={quiz}
+ *   headline={t("quiz.headline")}
+ *   finalImage={finalImage}
+ * >
+ *   {/* Your content here *\/}
+ * </OverlaySkeleton>
+ * ```
+ */
+declare const OverlaySkeleton: React.FC<OverlaySkeletonProps>;
+export default OverlaySkeleton;
+//# sourceMappingURL=OverlaySkeleton.d.ts.map

package/components/Skeletons/Overlay/OverlaySkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlaySkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeletons/Overlay/OverlaySkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWzC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,wEAAwE;IACxE,MAAM,EAAE,cAAc,CAAC;IACvB,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/components/Skeletons/Overlay/OverlaySkeleton.styles.d.ts

@@ -0,0 +1,111 @@
+import { CustomSpacingScale } from '../../../interfaces/interfaces';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+
+interface StyleProps {
+    spacingScale: CustomSpacingScale;
+    brandingColors: BrandingColorsModel | null;
+    secondaryColor: string;
+    fontFamilyPrimary: string;
+    fontFamilySecondary: string;
+    mdBorderRadius: string;
+    borderSize: string;
+    backgroundImage: string;
+    darkTextColor: string;
+    imageBackgroundGradient: string;
+}
+export declare const createStyles: (props: StyleProps) => {
+    mainContainer: {
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+        gap: string;
+        p: string;
+        boxShadow: string;
+        border: string;
+        overflow: string;
+        backgroundImage: string;
+        backgroundPosition: string;
+        backgroundSize: string;
+        position: string;
+        borderRadius: string;
+        minHeight: string;
+        "&::before": {
+            content: string;
+            position: string;
+            background: string;
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            borderRadius: string;
+            zIndex: number;
+        };
+    };
+    headlineSection: {
+        display: string;
+        justifyContent: string;
+        flex: string;
+        alignSelf: string;
+    };
+    headlineContent: {
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        flex: string;
+        gap: string;
+    };
+    headlineContentInner: {
+        zIndex: number;
+    };
+    headlineText: {
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        textAlign: {
+            xs: string;
+            md: string;
+        };
+        color: string;
+        opacity: string;
+        textTransform: string;
+        fontFamily: string;
+        fontSize: string;
+    };
+    contentContainer: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+    };
+    titleText: {
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        textAlign: {
+            xs: string;
+            md: string;
+        };
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+    };
+    descriptionText: {
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        fontSize: string;
+        textAlign: {
+            xs: string;
+            md: string;
+        };
+        color: string;
+        opacity: string;
+        fontFamily: string;
+    };
+    mainContentSection: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+    };
+};
+export {};
+//# sourceMappingURL=OverlaySkeleton.styles.d.ts.map

package/components/Skeletons/Overlay/OverlaySkeleton.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlaySkeleton.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeletons/Overlay/OverlaySkeleton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EACnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,UAAU,UAAU;IAClB,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,UAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG5C,CAAC"}

package/components/Skeletons/Overlay/ScoreState/OverlayScoreStateSkeleton.d.ts

@@ -0,0 +1,50 @@
+import { default as React, ReactNode } from 'react';
+import { SkeletonEntity } from '../../../../interfaces/interfaces';
+
+/**
+ * Props for the OverlayScoreStateSkeleton component
+ */
+export interface OverlayScoreStateSkeletonProps {
+    /** Entity object containing title, description, images, and branding */
+    entity: SkeletonEntity;
+    /** Headline text (e.g., "POLL", "QUIZ", "MATCH QUIZ") - from translation */
+    headline: string;
+    /** Background image URL */
+    backgroundImage: string;
+    /** Background gradient overlay */
+    imageBackgroundGradient: string;
+    /** Children content to render in the main content area */
+    children: ReactNode;
+}
+/**
+ * OverlayScoreStateSkeleton Component
+ *
+ * A reusable skeleton/wrapper component for Overlay variant Score State layouts
+ * that include a headline section (like poll-vote and match-quiz).
+ *
+ * This component provides:
+ * - Background image with gradient overlay
+ * - Headline section with title and description
+ * - Main content area for results/score content
+ * - Consistent dark theme styling
+ *
+ * Used by: poll-vote, match-quiz-play Score State components
+ *
+ * For score states that use ScoreStateWrapper (classic-quiz, personality-quiz),
+ * use OverlayScoreStateWrapperSkeleton instead.
+ *
+ * @example
+ * ```tsx
+ * <OverlayScoreStateSkeleton
+ *   entity={poll}
+ *   headline={t("poll.headline")}
+ *   backgroundImage={backgroundImage}
+ *   imageBackgroundGradient={imageBackgroundGradient}
+ * >
+ *   {/* Score state content here *\/}
+ * </OverlayScoreStateSkeleton>
+ * ```
+ */
+declare const OverlayScoreStateSkeleton: React.FC<OverlayScoreStateSkeletonProps>;
+export default OverlayScoreStateSkeleton;
+//# sourceMappingURL=OverlayScoreStateSkeleton.d.ts.map

package/components/Skeletons/Overlay/ScoreState/OverlayScoreStateSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayScoreStateSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Overlay/ScoreState/OverlayScoreStateSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQzC,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,wEAAwE;IACxE,MAAM,EAAE,cAAc,CAAC;IACvB,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,kCAAkC;IAClC,uBAAuB,EAAE,MAAM,CAAC;IAChC,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAiEvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}