@pantheon-systems/pds-toolkit-react 1.0.0-dev.18 → 1.0.0-dev.180

package/_dist/components/badges/StatusBadge/StatusBadge.d.ts

@@ -0,0 +1,35 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './status-badge.css';
+/**
+ * StatusBadge component props
+ */
+export interface StatusBadgeProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Background color for badge
+     */
+    color?: 'transparent' | 'neutral' | 'reverse';
+    /**
+     * Should the badge show a status indicator.
+     */
+    hasStatusIndicator?: boolean;
+    /**
+     * Text for badge.
+     */
+    label: string;
+    /**
+     * Translatable text for status indicator — for screen readers.
+     */
+    statusIndicatorText?: string;
+    /**
+     * Status type for badge. Only renders if `hasStatusIndicator` is true.
+     */
+    statusType: 'success' | 'info' | 'frozen' | 'critical' | 'warning' | 'discovery' | 'disabled';
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * StatusBadge UI component
+ */
+export declare const StatusBadge: ({ color, hasStatusIndicator, label, statusIndicatorText, statusType, className, ...props }: StatusBadgeProps) => React.JSX.Element;

package/_dist/components/badges/Tally/Tally.d.ts

@@ -0,0 +1,35 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './tally.css';
+interface TypeLabels {
+    info?: string;
+    success?: string;
+    neutral?: string;
+    warning?: string;
+    critical?: string;
+}
+/**
+ * Prop types for Tally
+ */
+export interface TallyProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Label text
+     */
+    label: string | number;
+    /**
+     * Notification type
+     */
+    type: 'neutral' | 'critical' | 'warning' | 'info' | 'success';
+    /**
+     * Message type labels.
+     */
+    typeLabels?: TypeLabels;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * Tally UI component
+ */
+export declare const Tally: ({ label, type, typeLabels, className, ...props }: TallyProps) => React.JSX.Element;
+export {};

package/_dist/components/buttons/Button/Button.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A Component used to render a Button
+ */
+export const Button: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts

@@ -0,0 +1,44 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { PDSIcon } from '@components/Icon/Icon';
+import { ButtonDisplayType, ButtonSize, ButtonVariant } from '@libs/types/custom-types';
+import '../Button/button.css';
+import './button-link.css';
+type ButtonLinkVariant = Exclude<ButtonVariant, 'navbar' | 'inline'>;
+/**
+ * Prop types for ButtonLink
+ */
+export interface ButtonLinkProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Is the link disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Display type of the button.
+     */
+    displayType?: ButtonDisplayType;
+    /**
+     * Icon to render in the button. Only necessary if `displayType` is 'icon-start' or 'icon-end'.
+     */
+    iconName?: PDSIcon;
+    /**
+     * A link element using the router of your choice.
+     */
+    linkContent: ReactNode;
+    /**
+     * Size of the button.
+     */
+    size?: ButtonSize;
+    /**
+     * Variant of the button.
+     */
+    variant?: ButtonLinkVariant;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * ButtonLink UI component
+ */
+export declare const ButtonLink: ({ disabled, displayType, iconName, linkContent, size, variant, className, ...props }: ButtonLinkProps) => React.JSX.Element;
+export {};

package/_dist/components/buttons/IconButton/IconButton.d.ts

@@ -0,0 +1,53 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import { PDSIcon } from '@components/Icon/Icon';
+import './icon-button.css';
+interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
+    /**
+     * Aria-label attribute.
+     */
+    ariaLabel: string;
+    /**
+     * Type of button
+     */
+    buttonType?: 'button' | 'submit' | 'reset';
+    /**
+     * Is the button disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Show tooltip on hover. If false, the title attribute will be used.
+     */
+    hasTooltip?: boolean;
+    /**
+     * Which icon to render.
+     */
+    iconName: PDSIcon;
+    /**
+     * Which icon to render second. If this is set, the button will be animated.
+     */
+    icon2Name?: PDSIcon;
+    /**
+     * Click event handler callback.
+     */
+    onClick?: () => void;
+    /**
+     * Which size of button to render.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Which variant of button to render.
+     */
+    variant?: 'standard' | 'critical';
+    /**
+     * Additional class names.
+     */
+    className?: string;
+}
+/**
+ * IconButton UI component
+ */
+export declare const IconButton: {
+    ({ ariaLabel, buttonType, disabled, hasTooltip, iconName, icon2Name, onClick, size, variant, className, ...props }: IconButtonProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/_dist/components/buttons/MenuButton/MenuButton.d.ts

@@ -0,0 +1,63 @@
+export function MenuButton({ avatarImageSrc, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, size, testId, undefinedLabel, variant, withinNavbar, className, ...props }: {
+    [x: string]: any;
+    avatarImageSrc: any;
+    disabled: any;
+    displayType?: string;
+    iconName?: string;
+    id: any;
+    isSplitButton?: boolean;
+    label: any;
+    menuItems: any;
+    menuPosition?: string;
+    size?: string;
+    testId: any;
+    undefinedLabel?: string;
+    variant?: string;
+    withinNavbar: any;
+    className: any;
+}): React.JSX.Element;
+export namespace MenuButton {
+    namespace propTypes {
+        export let avatarImageSrc: PropTypes.Requireable<string>;
+        export let disabled: PropTypes.Requireable<boolean>;
+        export let displayType: PropTypes.Requireable<string>;
+        export { PDSIcon as iconName };
+        export let id: PropTypes.Requireable<string>;
+        export let isSplitButton: PropTypes.Requireable<boolean>;
+        export let label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        export let menuItems: PropTypes.Requireable<NonNullable<Required<PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+            isHeading: PropTypes.Validator<boolean>;
+        }>> | Required<PropTypes.InferProps<{
+            description: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            iconName: PropTypes.Requireable<string>;
+            isLink: PropTypes.Validator<boolean>;
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            testId: PropTypes.Requireable<string>;
+        }>> | Required<PropTypes.InferProps<{
+            callback: PropTypes.Requireable<(...args: any[]) => any>;
+            description: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            iconName: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            label: PropTypes.Validator<string>;
+            testId: PropTypes.Requireable<string>;
+        }>> | Required<PropTypes.InferProps<{
+            isNode: PropTypes.Validator<boolean>;
+            nodeContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>> | Required<PropTypes.InferProps<{
+            isSeparator: PropTypes.Validator<boolean>;
+        }>>>[]>;
+        export let menuPosition: PropTypes.Requireable<string>;
+        export let size: PropTypes.Requireable<string>;
+        export let testId: PropTypes.Requireable<string>;
+        export let undefinedLabel: PropTypes.Requireable<string>;
+        export let variant: PropTypes.Requireable<string>;
+        export let withinNavbar: PropTypes.Requireable<boolean>;
+        export let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { PDSIcon } from '../../../libs/components/customPropTypes';

package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { PDSIcon } from '@components/Icon/Icon';
+import './segmented-button.css';
+/**
+ * Structure for each option in the SegmentedButton component.
+ */
+interface OptionType {
+    value: string;
+    label: string;
+    iconName?: PDSIcon;
+    tally?: {
+        label: string | number;
+        type: 'neutral' | 'critical' | 'warning' | 'info' | 'success';
+    };
+}
+/**
+ * Prop types for SegmentedButton
+ */
+export interface SegmentedButtonProps {
+    /**
+     * Is the ToggleButton disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Unique ID for the ToggleButton
+     */
+    id: string;
+    /**
+     * Optional initial selected option value
+     */
+    initialSelection?: string;
+    /**
+     * Label for the SegmentedButton — visually hidden, used for screen readers only.
+     */
+    label: string;
+    /**
+     * Callback function that will return the updated value from the instance when it changes.
+     * Function should have the shape of: `(value) => { <do stuff here> } `.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Array of button options — must be between 2 and 6 options.
+     */
+    options: OptionType[];
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * SegmentedButton UI component
+ */
+export declare const SegmentedButton: ({ disabled, id, initialSelection, label, onChange, options, className, ...props }: SegmentedButtonProps) => React.JSX.Element;
+export {};

package/_dist/components/buttons/SplitButton/SplitButton.d.ts

@@ -0,0 +1,36 @@
+export function SplitButton({ actionItems, disabled, moreActionsLabel, size, variant, className, ...props }: {
+    [x: string]: any;
+    actionItems: any;
+    disabled: any;
+    moreActionsLabel?: string;
+    size?: string;
+    variant?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace SplitButton {
+    namespace propTypes {
+        let actionItems: PropTypes.Requireable<NonNullable<Required<PropTypes.InferProps<{
+            description: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            iconName: PropTypes.Requireable<string>;
+            isLink: PropTypes.Validator<boolean>;
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            testId: PropTypes.Requireable<string>;
+        }>> | Required<PropTypes.InferProps<{
+            callback: PropTypes.Requireable<(...args: any[]) => any>;
+            description: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            iconName: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            label: PropTypes.Validator<string>;
+            testId: PropTypes.Requireable<string>;
+        }>>>[]>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let moreActionsLabel: PropTypes.Requireable<string>;
+        let size: PropTypes.Requireable<string>;
+        let variant: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/buttons/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,35 @@
+export function ToggleButton({ disabled, id, initialSelection, label, onChange, options, ...props }: {
+    [x: string]: any;
+    disabled?: boolean;
+    id: any;
+    initialSelection: any;
+    label: any;
+    onChange: any;
+    options: any;
+}): React.JSX.Element;
+export namespace ToggleButton {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let id: PropTypes.Validator<string>;
+        let initialSelection: PropTypes.Requireable<string>;
+        let label: PropTypes.Validator<string>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let options: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Option label
+             */
+            label: PropTypes.Validator<string>;
+            /**
+             * Option value
+             */
+            value: PropTypes.Validator<string>;
+            /**
+             * Option icon
+             */
+            iconName: PropTypes.Requireable<string>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/cards/Card/Card.d.ts

@@ -0,0 +1,30 @@
+export function Card({ bodyText, headingLevel, headingText, image, isClickable, kickerText, primaryLink, secondaryLink, className, ...props }: {
+    [x: string]: any;
+    bodyText: any;
+    headingLevel?: string;
+    headingText: any;
+    image: any;
+    isClickable?: boolean;
+    kickerText: any;
+    primaryLink: any;
+    secondaryLink: any;
+    className: any;
+}): React.JSX.Element;
+export namespace Card {
+    namespace propTypes {
+        let bodyText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let headingLevel: PropTypes.Requireable<string>;
+        let headingText: PropTypes.Validator<string>;
+        let image: PropTypes.Requireable<PropTypes.InferProps<{
+            src: PropTypes.Requireable<string>;
+            alt: PropTypes.Requireable<string>;
+        }>>;
+        let isClickable: PropTypes.Requireable<boolean>;
+        let kickerText: PropTypes.Requireable<string>;
+        let primaryLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let secondaryLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts

@@ -0,0 +1,56 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './card-select-group.css';
+interface CardOptions {
+    /**
+     * Option label
+     */
+    label: string | ReactNode;
+    /**
+     * Option description
+     */
+    description?: string | ReactNode;
+    /**
+     * Option value
+     */
+    value: string;
+}
+interface CardSelectGroupProps extends Omit<ComponentPropsWithoutRef<'fieldset'>, 'onChange'> {
+    /**
+     * Unique ID for the card select group
+     */
+    id: string;
+    /**
+     * Optional initial selected option value
+     */
+    initialSelection?: string;
+    /**
+     * Label for the card select group
+     */
+    label: string;
+    /**
+     * Display of the component label. `hidden` visually hides the label but keeps it accessible to screen readers.
+     */
+    labelDisplay?: 'left' | 'center' | 'hidden';
+    /**
+     * Column layout of the cards at breakpoints medium and above.
+     */
+    layout?: 'auto' | 'twoAcross' | 'threeAcross';
+    /**
+     * Callback function that will return the updated value from the instance when it changes.
+     * Function should have the shape of: `(value) => { <do stuff here> } `.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Array of card options
+     */
+    options?: CardOptions[];
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * CardSelectGroup UI component
+ */
+export declare const CardSelectGroup: ({ id, initialSelection, label, labelDisplay, layout, onChange, options, className, ...props }: CardSelectGroupProps) => React.JSX.Element;
+export {};

package/_dist/components/cards/LinksCard/LinksCard.d.ts

@@ -0,0 +1,17 @@
+export function LinksCard({ linkItems, headingLevel, headingText, className, ...props }: {
+    [x: string]: any;
+    linkItems: any;
+    headingLevel?: string;
+    headingText: any;
+    className: any;
+}): React.JSX.Element;
+export namespace LinksCard {
+    namespace propTypes {
+        let headingLevel: PropTypes.Requireable<string>;
+        let headingText: PropTypes.Validator<string>;
+        let linkItems: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts

@@ -0,0 +1,25 @@
+export function NewSiteCard({ badge, icon, selectionLink, subtitle, supplementalLinks, summary, title, className, ...props }: {
+    [x: string]: any;
+    badge: any;
+    icon: any;
+    selectionLink: any;
+    subtitle: any;
+    supplementalLinks: any;
+    summary: any;
+    title: any;
+    className: any;
+}): React.JSX.Element;
+export namespace NewSiteCard {
+    namespace propTypes {
+        let badge: PropTypes.Requireable<string>;
+        let icon: PropTypes.Requireable<string>;
+        let selectionLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let subtitle: PropTypes.Requireable<string>;
+        let summary: PropTypes.Requireable<string>;
+        let supplementalLinks: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        let title: PropTypes.Validator<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/cards/PricingCard/PricingCard.d.ts

@@ -0,0 +1,64 @@
+export function PricingCard({ actionPrimary, actionSecondary, hasComparisonList, onTierChange, planDescription, planName, planPricingData, statusBadgeLabels, selectLabel, statusBadgeType, className, ...props }: {
+    [x: string]: any;
+    actionPrimary: any;
+    actionSecondary: any;
+    hasComparisonList?: boolean;
+    onTierChange: any;
+    planDescription: any;
+    planName: any;
+    planPricingData: any;
+    statusBadgeLabels?: {
+        currentPlan: string;
+        mostPopular: string;
+    };
+    selectLabel?: string;
+    statusBadgeType: any;
+    className: any;
+}): React.JSX.Element;
+export namespace PricingCard {
+    namespace propTypes {
+        let actionPrimary: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            variant: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            buttonAction: PropTypes.Requireable<(...args: any[]) => any>;
+            linkUrl: PropTypes.Requireable<string>;
+            linkTarget: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+        }>>;
+        let actionSecondary: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            buttonAction: PropTypes.Requireable<(...args: any[]) => any>;
+            linkUrl: PropTypes.Requireable<string>;
+            linkTarget: PropTypes.Requireable<string>;
+        }>>;
+        let hasComparisonList: PropTypes.Requireable<boolean>;
+        let onTierChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let planDescription: PropTypes.Requireable<string>;
+        let planName: PropTypes.Requireable<string>;
+        let planPricingData: PropTypes.Requireable<PropTypes.InferProps<{
+            customActionLabel: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            price: PropTypes.Requireable<string>;
+            priceDetails: PropTypes.Requireable<string>;
+            savingsBadgeLabel: PropTypes.Requireable<string>;
+            savingsDetails: PropTypes.Requireable<string>;
+            listLabel: PropTypes.Requireable<string>;
+            listItems: PropTypes.Requireable<PropTypes.InferProps<{
+                text: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+            }>[]>;
+        }>[]>;
+        let selectLabel: PropTypes.Requireable<string>;
+        let statusBadgeLabels: PropTypes.Requireable<PropTypes.InferProps<{
+            currentPlan: PropTypes.Requireable<string>;
+            mostPopular: PropTypes.Requireable<string>;
+        }>>;
+        let statusBadgeType: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+        let containerClassName: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/cards/SiteCard/SiteCard.d.ts

@@ -0,0 +1,25 @@
+export function SiteCard({ headingLevel, gotoText, siteImage, siteLink, siteName, sitePlan, siteStatus, className, ...props }: {
+    [x: string]: any;
+    headingLevel?: string;
+    gotoText?: string;
+    siteImage: any;
+    siteLink: any;
+    siteName: any;
+    sitePlan: any;
+    siteStatus: any;
+    className: any;
+}): React.JSX.Element;
+export namespace SiteCard {
+    namespace propTypes {
+        let headingLevel: PropTypes.Requireable<string>;
+        let gotoText: PropTypes.Requireable<string>;
+        let siteImage: PropTypes.Requireable<string>;
+        let siteLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let siteName: PropTypes.Requireable<string>;
+        let sitePlan: PropTypes.Requireable<string>;
+        let siteStatus: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/expansion-panels/ExpansionPanel/ExpansionPanel.d.ts

@@ -0,0 +1,19 @@
+export function ExpansionPanel({ children, id, isOpen, summary, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    id: any;
+    isOpen?: boolean;
+    summary: any;
+    className: any;
+}): React.JSX.Element;
+export namespace ExpansionPanel {
+    namespace propTypes {
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let id: PropTypes.Requireable<string>;
+        let isOpen: PropTypes.Requireable<boolean>;
+        let summary: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/expansion-panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts

@@ -0,0 +1,15 @@
+export function ExpansionPanelGroup({ children, displayType, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    displayType?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace ExpansionPanelGroup {
+    namespace propTypes {
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let displayType: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/footer/FooterHeading/FooterHeading.d.ts

@@ -0,0 +1,15 @@
+export function FooterHeading({ headingLevel, headingText, className, ...props }: {
+    [x: string]: any;
+    headingLevel?: string;
+    headingText: any;
+    className: any;
+}): React.JSX.Element;
+export namespace FooterHeading {
+    namespace propTypes {
+        let headingLevel: PropTypes.Requireable<string>;
+        let headingText: PropTypes.Validator<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/footer/FooterLinks/FooterLinks.d.ts

@@ -0,0 +1,17 @@
+export function FooterLinks({ headingLevel, headingText, linkItems, className, ...props }: {
+    [x: string]: any;
+    headingLevel: any;
+    headingText: any;
+    linkItems: any;
+    className: any;
+}): React.JSX.Element;
+export namespace FooterLinks {
+    namespace propTypes {
+        let headingLevel: PropTypes.Requireable<string>;
+        let headingText: PropTypes.Validator<string>;
+        let linkItems: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';