import React from 'react';
import { Text, List, ListItem, Image } from '@chakra-ui/react';
import { useI18n } from '../../../utilities/i18nInit.js';
import Stack from '../../stack/index.js';
import GridItem from '../../grid/GridItem.js';
import img from '../../../assets/images/googleplay.png.js';
import img$1 from '../../../assets/images/appstore.png.js';
import FooterLink from './Link.js';

var FooterApps = function (_a) {
    var config = _a.config;
    var t = useI18n().t;
    return (React.createElement(GridItem, null,
        React.createElement(Stack, { paddingY: { base: '2xl', md: 'md' }, paddingX: { base: 'md', md: 0 }, spacing: "md" },
            React.createElement(Text, { textStyle: "heading5" }, t('footer.apps.title')),
            React.createElement(List, { spacing: "md" },
                React.createElement(ListItem, { display: "flex", alignItems: "center" },
                    React.createElement(FooterLink, { linkInstance: config.apps.android[0] },
                        React.createElement(Image, { src: img, alt: 'Googleplay Icon', width: "136px", height: "40px", loading: "lazy" }))),
                React.createElement(ListItem, { display: "flex", alignItems: "center" },
                    React.createElement(FooterLink, { linkInstance: config.apps.apple[0] },
                        React.createElement(Image, { src: img$1, alt: 'Appsore Icon', width: "136px", height: "40px", loading: "lazy" })))))));
};

export { FooterApps as default };
//# sourceMappingURL=Apps.js.map
