@google-psat/design-system 0.9.0-1

package/dist/utils/prepareFrameStatsComponent.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies
+ */
+const constants_1 = require("../constants");
+/**
+ * Calcualte insights about frames to be shown on cookies landing page.
+ * @param tabFrames frames in current tab.
+ * @param tabCookies cookies of curent tab.
+ * @returns object
+ */
+function prepareFrameStatsComponent(tabFrames, tabCookies) {
+    if (!tabFrames || !tabCookies) {
+        return {
+            dataMapping: constants_1.EMPTY_FRAME_COUNT,
+            legend: constants_1.EMPTY_FRAME_LEGEND,
+        };
+    }
+    const blockedCookieFrame = new Set();
+    const unBlockedCookieFrame = new Set();
+    const cookieFrame = new Set();
+    Object.keys(tabFrames || {}).forEach((frame) => {
+        var _a, _b;
+        let hasBlockedCookie = false;
+        let hasUnblockedCookie = false;
+        let hasCookie = false;
+        (_b = (_a = tabFrames[frame]) === null || _a === void 0 ? void 0 : _a.frameIds) === null || _b === void 0 ? void 0 : _b.forEach((frameId) => {
+            Object.values(tabCookies || {}).forEach((cookie) => {
+                var _a, _b;
+                if ((cookie === null || cookie === void 0 ? void 0 : cookie.parsedCookie) &&
+                    (cookie === null || cookie === void 0 ? void 0 : cookie.frameIdList) &&
+                    (cookie === null || cookie === void 0 ? void 0 : cookie.frameIdList.length) > 0 &&
+                    cookie.frameIdList.includes(frameId)) {
+                    if ((cookie === null || cookie === void 0 ? void 0 : cookie.blockedReasons) && ((_a = cookie === null || cookie === void 0 ? void 0 : cookie.blockedReasons) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                        hasBlockedCookie = true;
+                    }
+                    if (((_b = cookie.blockedReasons) === null || _b === void 0 ? void 0 : _b.length) === 0) {
+                        hasUnblockedCookie = true;
+                    }
+                    hasCookie = true;
+                }
+            });
+            if (hasBlockedCookie) {
+                blockedCookieFrame.add(frame);
+            }
+            if (hasUnblockedCookie) {
+                unBlockedCookieFrame.add(frame);
+            }
+            if (hasCookie) {
+                cookieFrame.add(frame);
+            }
+        });
+    });
+    return {
+        dataMapping: [
+            {
+                title: i18n_1.I18n.getMessage('frames'),
+                count: Object.keys(tabFrames || {}).length,
+                data: [
+                    {
+                        count: Object.keys(tabFrames || {}).length,
+                        color: '#25ACAD',
+                    },
+                    {
+                        count: unBlockedCookieFrame.size,
+                        color: '#F54021',
+                    },
+                    {
+                        count: blockedCookieFrame.size,
+                        color: '#AF7AA3',
+                    },
+                    {
+                        count: cookieFrame.size,
+                        color: '#C5A06A',
+                    },
+                    {
+                        count: Object.values(tabFrames || {}).filter((frame) => (frame === null || frame === void 0 ? void 0 : frame.frameType) === 'fenced_frame').length,
+                        color: '#A98307',
+                    },
+                ],
+            },
+        ],
+        legend: [
+            {
+                label: i18n_1.I18n.getMessage('totalFrames'),
+                descriptionKey: 'Total frames',
+                count: Object.keys(tabFrames || {}).length,
+                color: '#25ACAD',
+                countClassName: 'text-greenland-green',
+            },
+            {
+                label: i18n_1.I18n.getMessage('framesWithCookies'),
+                descriptionKey: 'Frames with cookies',
+                count: cookieFrame.size,
+                color: '#C5A06A',
+                countClassName: 'text-good-life',
+            },
+            {
+                label: i18n_1.I18n.getMessage('framesWithBlockedCookies'),
+                descriptionKey: 'Frames with blocked cookies',
+                count: blockedCookieFrame.size,
+                color: '#AF7AA3',
+                countClassName: 'text-victorian-violet',
+            },
+            {
+                label: i18n_1.I18n.getMessage('framesWithUnblockedCookies'),
+                descriptionKey: 'Frames with unblocked cookies',
+                count: unBlockedCookieFrame.size,
+                color: '#F54021',
+                countClassName: 'text-strawberry-spinach-red',
+            },
+            {
+                label: i18n_1.I18n.getMessage('fencedFrames'),
+                descriptionKey: 'Fenced frames',
+                count: Object.values(tabFrames || {}).filter((frame) => (frame === null || frame === void 0 ? void 0 : frame.frameType) === 'fenced_frame').length,
+                color: '#A98307',
+                countClassName: 'text-chestnut-gold',
+            },
+        ],
+    };
+}
+exports.default = prepareFrameStatsComponent;
+//# sourceMappingURL=prepareFrameStatsComponent.js.map

package/dist/utils/prepareFrameStatsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepareFrameStatsComponent.js","sourceRoot":"","sources":["../../src/utils/prepareFrameStatsComponent.ts"],"names":[],"mappings":"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"}

package/dist-types/components/bulletList/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+type BulletListProps = {
+    rows: BulletListItem[];
+    heading?: string;
+};
+declare const BulletList: ({ rows, heading }: BulletListProps) => React.JSX.Element;
+export default BulletList;

package/dist-types/components/bulletList/listRow.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+type Props = {
+    row: BulletListItem;
+};
+declare const ListRow: ({ row }: Props) => React.JSX.Element;
+export default ListRow;

package/dist-types/components/button/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface ButtonProps {
+    text: string | React.ReactNode;
+    title?: string;
+    name?: string;
+    onClick?: () => void;
+    loading?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'danger' | 'small' | 'large';
+    extraClasses?: string;
+    disabled?: boolean;
+}
+declare const Button: ({ title, text, name, onClick, type, variant, extraClasses, disabled, }: ButtonProps) => React.JSX.Element;
+export default Button;

package/dist-types/components/button/stories/Button.stories.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import Button from '..';
+declare const meta: Meta<typeof Button>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;

package/dist-types/components/circle/circleEmpty.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface CircleEmptyProps {
+    color?: string;
+}
+declare const CircleEmpty: ({ color, }: CircleEmptyProps) => React.JSX.Element;
+export default CircleEmpty;

package/dist-types/components/circle/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface CircleProps {
+    color: string;
+}
+declare const Circle: ({ color }: CircleProps) => React.JSX.Element;
+export default Circle;

package/dist-types/components/circle/stories/circle.stories.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import Circle from '..';
+declare const meta: Meta<typeof Circle>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;

package/dist-types/components/circle/stories/circleEmpty.stories.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import CircleEmpty from '../circleEmpty';
+declare const meta: Meta<typeof CircleEmpty>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;

package/dist-types/components/circlePieChart/emptyCirclePieChart.d.ts

@@ -0,0 +1,6 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+declare const EmptyCirclePieChart: () => React.JSX.Element;
+export default EmptyCirclePieChart;

package/dist-types/components/circlePieChart/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface CirclePieChartProps {
+    centerCount: number;
+    data: {
+        count: number;
+        color: string;
+    }[];
+    title?: string;
+    fallbackText?: string;
+    infoIconClassName?: string;
+    centerTitleExtraClasses?: string;
+    pieChartExtraClasses?: string;
+}
+export declare const MAX_COUNT = 999;
+declare const CirclePieChart: ({ centerCount, data, title, centerTitleExtraClasses, pieChartExtraClasses, }: CirclePieChartProps) => React.JSX.Element;
+export default CirclePieChart;

package/dist-types/components/circlePieChart/stories/circlePieChart.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import CirclePieChart from '..';
+declare const meta: Meta<typeof CirclePieChart>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;
+export declare const Wide: StoryObj<typeof meta>;

package/dist-types/components/circlePieChart/stories/emptyCirclePieChart.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import EmptyCirclePieChart from '../emptyCirclePieChart';
+declare const meta: Meta<typeof EmptyCirclePieChart>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;
+export declare const Wide: StoryObj<typeof meta>;

package/dist-types/components/cookieDetails/details.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+import { type CookieTableData } from '@google-psat/common';
+export interface DetailsProps {
+    isUsingCDP: boolean;
+    selectedCookie: CookieTableData;
+}
+declare const Details: ({ selectedCookie, isUsingCDP }: DetailsProps) => React.JSX.Element;
+export default Details;

package/dist-types/components/cookieDetails/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+import type { CookieTableData } from '@google-psat/common';
+export interface CookieDetailsProps {
+    isUsingCDP: boolean;
+    selectedFrameCookie: {
+        [frame: string]: CookieTableData | null;
+    } | null;
+}
+declare const CookieDetails: ({ selectedFrameCookie, isUsingCDP, }: CookieDetailsProps) => React.JSX.Element;
+export default CookieDetails;

package/dist-types/components/cookieDetails/stories/cookieDetails.stories.d.ts

@@ -0,0 +1,8 @@
+/**
+ * External dependencies.
+ */
+import type { StoryObj } from '@storybook/react';
+declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("..").CookieDetailsProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist-types/components/cookieDetails/stories/details.stories.d.ts

@@ -0,0 +1,8 @@
+/**
+ * External dependencies.
+ */
+import type { StoryObj } from '@storybook/react';
+declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../details").DetailsProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist-types/components/cookieTable/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+import { CookieTableData } from '@google-psat/common';
+/**
+ * Internal dependencies.
+ */
+import { TableColumn, TableData, TableFilter, TableRow } from '../table';
+interface CookieTableProps {
+    queryIsBlockedToHighlight?: boolean;
+    data: TableData[];
+    tableColumns: TableColumn[];
+    tableFilters?: TableFilter;
+    tableSearchKeys?: string[];
+    tablePersistentSettingsKey?: string;
+    isFiltersSidebarOpen?: boolean;
+    selectedFrame: string | null;
+    selectedFrameCookie: {
+        [frame: string]: CookieTableData | null;
+    } | null;
+    setSelectedFrameCookie: (cookie: {
+        [frame: string]: CookieTableData | null;
+    } | null) => void;
+    extraInterfaceToTopBar?: () => React.JSX.Element;
+    onRowContextMenu?: (e: React.MouseEvent<HTMLDivElement>, row: TableRow) => void;
+    hideExport?: boolean;
+    isCLI?: boolean;
+    hostname: string;
+}
+declare const CookieTable: React.ForwardRefExoticComponent<CookieTableProps & React.RefAttributes<{
+    removeSelectedRow: () => void;
+}>>;
+export default CookieTable;

package/dist-types/components/cookieTable/utils/conditionalTableRowClassesHandler.d.ts

@@ -0,0 +1,3 @@
+import { TableRow } from '../../table';
+declare const conditionalTableRowClassesHandler: (row: TableRow, isRowFocused: boolean, rowIndex: number, selectedKey: string | null, queryIsBlockedToHighlight: boolean) => string;
+export default conditionalTableRowClassesHandler;

package/dist-types/components/cookieTable/utils/exportCookies.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { TableRow } from '../../table';
+declare const exportCookies: (isCLI: boolean | undefined, rows: TableRow[], hostname: string) => void;
+export default exportCookies;

package/dist-types/components/cookieTable/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { default as exportCookies } from './exportCookies';
+export { default as conditionalTableRowClassesHandler } from './conditionalTableRowClassesHandler';

package/dist-types/components/cookiesLanding/cookiesLandingWrapper.d.ts

@@ -0,0 +1,15 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+import { type DataMapping } from '@google-psat/common';
+export interface CookiesLandingWrapperProps {
+    dataMapping?: DataMapping[];
+    infoIconTitle?: string | React.ReactNode;
+    showLandingHeader?: boolean;
+    testId?: string | null;
+    children?: React.ReactNode;
+    description?: React.ReactNode;
+}
+declare const CookiesLandingWrapper: ({ dataMapping, infoIconTitle, showLandingHeader, testId, description, children, }: CookiesLandingWrapperProps) => React.JSX.Element;
+export default CookiesLandingWrapper;

package/dist-types/components/cookiesLanding/cookiesMatrix/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+import { type TabCookies, type TabFrames, Legend } from '@google-psat/common';
+import { type MatrixComponentHorizontalProps } from '../../matrix/matrixComponent/matrixComponentHorizontal';
+interface CookiesMatrixProps {
+    tabCookies: TabCookies | null;
+    componentData?: Legend[];
+    tabFrames: TabFrames | null;
+    title?: string;
+    description?: string;
+    showHorizontalMatrix?: boolean;
+    showMatrix?: boolean;
+    count?: number | null;
+    associatedCookiesCount?: number | null;
+    allowExpand?: boolean;
+    highlightTitle?: boolean;
+    capitalizeTitle?: boolean;
+    matrixHorizontalData?: MatrixComponentHorizontalProps[] | null;
+    infoIconTitle?: string;
+}
+declare const CookiesMatrix: ({ tabCookies, tabFrames, componentData, title, description, showHorizontalMatrix, showMatrix, count, associatedCookiesCount, allowExpand, highlightTitle, capitalizeTitle, matrixHorizontalData, infoIconTitle, }: CookiesMatrixProps) => React.JSX.Element;
+export default CookiesMatrix;

package/dist-types/components/cookiesLanding/cookiesMatrix/stories/cookiesMatrix.stories.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import CookiesMatrix from '..';
+declare const meta: Meta<typeof CookiesMatrix>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;

package/dist-types/components/cookiesLanding/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+export type CookiesLandingSection = {
+    name: string;
+    link: string;
+    panel: {
+        Element: ((props: any) => React.JSX.Element) | React.NamedExoticComponent;
+        props?: Record<string, unknown>;
+    };
+};
+interface CookiesLandingProps {
+    children?: React.ReactNode;
+}
+declare const CookiesLanding: ({ children }: CookiesLandingProps) => React.JSX.Element;
+export default CookiesLanding;

package/dist-types/components/cookiesLanding/landingHeader/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+import { DataMapping } from '@google-psat/common';
+interface LandingHeaderProps {
+    dataMapping?: DataMapping[];
+}
+declare const LandingHeader: ({ dataMapping }: LandingHeaderProps) => React.JSX.Element;
+export default LandingHeader;

package/dist-types/components/cookiesLanding/landingHeader/stories/LandingHeader.stories.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import LandingHeader from '..';
+declare const meta: Meta<typeof LandingHeader>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;

package/dist-types/components/cookiesLanding/stories/cookiesLanding.stories.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import CookiesLanding from '..';
+declare const meta: Meta<typeof CookiesLanding>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;

package/dist-types/components/cookiesLanding/useFiltersMapping.d.ts

@@ -0,0 +1,12 @@
+import type { TabFrames } from '@google-psat/common';
+/**
+ * Hook to expose the selectedItemUpdater function.
+ * This function is used to update the selected item key and set the query object.
+ * @param tabFrames Tab frames to get the first frame from.
+ * @returns Object containing the selectedItemUpdater function.
+ */
+declare const useFiltersMapping: (tabFrames: TabFrames) => {
+    selectedItemUpdater: (title: string, accessorKey?: string) => void;
+    multiSelectItemUpdater: (queryObject: Record<string, string[]>) => void;
+};
+export default useFiltersMapping;

package/dist-types/components/errorFallback/extensionReloadNotification.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface ExtensionReloadNotificationProps {
+    tabId?: number;
+    texts: {
+        displayText: string;
+        buttonText: string;
+    };
+}
+declare const ExtensionReloadNotification: ({ tabId, texts, }: ExtensionReloadNotificationProps) => React.JSX.Element;
+export default ExtensionReloadNotification;

package/dist-types/components/errorFallback/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface ErrorFallbackProps {
+    error: Record<string, string>;
+}
+declare const ErrorFallback: ({ error }: ErrorFallbackProps) => React.JSX.Element;
+export default ErrorFallback;

package/dist-types/components/errorFallback/stories/errorFallback.stories.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies.
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import ErrorFallback from '..';
+declare const meta: Meta<typeof ErrorFallback>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;
+export declare const ContextInvalidated: StoryObj<typeof meta>;

package/dist-types/components/errorFallback/stories/extensionReloadNotification.stories.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies.
+ */
+import ExtensionReloadNotification from '../extensionReloadNotification';
+declare const meta: Meta<typeof ExtensionReloadNotification>;
+export default meta;
+export declare const Primary: StoryObj<typeof meta>;

package/dist-types/components/exportButton/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface ExportButtonProps {
+    onClick?: () => void;
+    title?: string;
+    disabled?: boolean;
+}
+declare const ExportButton: ({ onClick, title, disabled, }: ExportButtonProps) => React.JSX.Element;
+export default ExportButton;

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

@@ -0,0 +1,34 @@
+export { default as Button } from './button';
+export { default as RefreshButton } from './refreshButton';
+export { default as ExportButton } from './exportButton';
+export { default as ProgressBar } from './progressBar';
+export { default as BorderProgressBar } from './progressBar/borderProgressbar';
+export { default as ToggleSwitch } from './toggleSwitch';
+export { default as MessageBox } from './messageBox';
+export { default as Circle } from './circle';
+export { default as CirclePieChart } from './circlePieChart';
+export { default as Matrix } from './matrix';
+export { default as MatrixComponentHorizontal } from './matrix/matrixComponent/matrixComponentHorizontal';
+export type { MatrixComponentProps } from './matrix/matrixComponent';
+export { default as CookiesLanding } from './cookiesLanding';
+export * from './cookiesLanding';
+export { default as CookiesMatrix } from './cookiesLanding/cookiesMatrix';
+export { default as CookieDetails } from './cookieDetails';
+export { default as Details } from './cookieDetails/details';
+export { default as CookieTable } from './cookieTable';
+export { default as LandingPage } from './landingPage';
+export { default as InfoCard } from './landingPage/infoCard';
+export { default as ContentPanel } from './landingPage/contentPanel';
+export * from './landingPage/infoCard/fetchPSInfo';
+export { default as ErrorFallback } from './errorFallback';
+export { default as ExtensionReloadNotification } from './errorFallback/extensionReloadNotification';
+export * from './table';
+export { default as SearchInput } from './searchInput';
+export * from './sidebar';
+export { default as InspectButton } from './inspectButton';
+export { default as ToastMessage } from './toastMessage';
+export { default as CookiesLandingWrapper, type CookiesLandingWrapperProps, } from './cookiesLanding/cookiesLandingWrapper';
+export { default as MatrixContainer } from './matrixContainer';
+export { default as MenuBar } from './menuBar';
+export * from './menuBar';
+export { default as useFiltersMapping } from './cookiesLanding/useFiltersMapping';

package/dist-types/components/inspectButton/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface InspectButtonProps {
+    isInspecting: boolean;
+    setIsInspecting: React.Dispatch<React.SetStateAction<boolean>>;
+    isTabFocused: boolean;
+}
+declare const InspectButton: ({ isInspecting, setIsInspecting, isTabFocused, }: InspectButtonProps) => React.JSX.Element;
+export default InspectButton;

package/dist-types/components/landingPage/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const QUICK_LINKS: {
+    title: string;
+    link: string;
+}[];

package/dist-types/components/landingPage/contentPanel.d.ts

@@ -0,0 +1,16 @@
+/**
+ * External dependencies.
+ */
+import React from 'react';
+interface ContentPanelProps {
+    title: string;
+    content: {
+        title: string;
+        description: string;
+        url: string;
+    }[];
+    titleStyles?: string;
+    counterStyles?: string;
+}
+declare const ContentPanel: ({ title, content, titleStyles, counterStyles, }: ContentPanelProps) => React.JSX.Element;
+export default ContentPanel;