import React, { useMemo } from 'react';
import { Box, Container, Divider } from '@chakra-ui/react';
import TranslationProvider from '../../translationProvider/index.js';
import Center from '../../center/index.js';
import SocialMedia from './SocialMedia.js';
import FooterSectionGrid from './SectionGrid.js';
import FooterLanguageNavigation from './LanguageNavigation.js';
import FooterCopyright from './Copyright.js';
import { FooterConfig } from './config/factory.js';
import { footerConfig } from './config/index.js';
import FooterCompanies from './Companies.js';

var Footer = function (_a) {
    var brand = _a.brand, language = _a.language, environment = _a.environment, useAbsoluteUrls = _a.useAbsoluteUrls, project = _a.project;
    var config = useMemo(function () {
        var footerConfigInstance = new FooterConfig({
            config: footerConfig(),
            brand: brand,
            environment: environment,
            useAbsoluteUrls: useAbsoluteUrls,
            project: project,
        });
        return footerConfigInstance.getMappedConfig();
    }, [brand, environment, useAbsoluteUrls, project]);
    return (React.createElement(TranslationProvider, { language: language, scopes: ['footer'] },
        React.createElement("footer", null,
            React.createElement(Box, { width: "full", background: "gray.900", color: "white", paddingTop: { base: 0, md: 'md' }, paddingBottom: { base: 'lg', md: '2xl' } },
                React.createElement(Center, null,
                    React.createElement(Container, { width: "full", maxWidth: "container.2xl", paddingX: { base: 0, md: 'xs' } },
                        React.createElement(FooterSectionGrid, { config: config }),
                        React.createElement(FooterLanguageNavigation, null),
                        React.createElement(SocialMedia, { config: config }))),
                React.createElement(Divider, { borderColor: "gray.700" }),
                React.createElement(Center, null,
                    React.createElement(Container, { width: "full", maxWidth: "container.xl", paddingX: "lg" },
                        React.createElement(FooterCompanies, { config: config }),
                        React.createElement(FooterCopyright, { brand: brand })))))));
};

export { Footer as default };
//# sourceMappingURL=index.js.map
