import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Link } from '@gravity-ui/uikit';
import { useTheme } from "../../gravity-blocks/context/theme/index.js";
import { BrandIconDark } from "../../gravity-blocks/icons/BrandIconDark.js";
import { BrandIconLight } from "../../gravity-blocks/icons/BrandIconLight.js";
import { BrandName } from "../../gravity-blocks/icons/BrandName.js";
import { Theme } from "../../models/index.js";
import { block } from "../../utils/index.js";
import { i18n } from "./i18n/index.js";
import './BrandFooter.css';
const b = block('brand-footer');
const BrandFooter = ({ className }) => {
    const theme = useTheme();
    return (_jsx(Link, { className: b({ theme }, className), href: "https://gravity-ui.com", children: _jsxs("div", { className: b('content'), children: [_jsx("span", { children: i18n('created-on') }), _jsx("div", { className: b('brand-icon'), children: theme === Theme.Light ? _jsx(BrandIconLight, {}) : _jsx(BrandIconDark, {}) }), _jsx("div", { className: b('brand-name'), children: _jsx(BrandName, {}) })] }) }));
};
export default BrandFooter;
//# sourceMappingURL=BrandFooter.js.map
