@fakel/rest-admin/esm/components/Inputs/TranslatableInput.js

An application that makes it easier to work with your API

import React, { useState } from 'react';
import Tabs from 'antd/lib/tabs';
var TabPane = Tabs.TabPane;
var TranslatableInput = function (_a) {
    var locales = _a.locales, children = _a.children;
    var _b = useState(locales[0]), activeLocale = _b[0], setActiveLocale = _b[1];
    var handleTabChange = function (tab) {
        setActiveLocale(tab);
    };
    var mapLocalesToTabs = function () {
        return Object.keys(locales).map(function (locale) {
            return (React.createElement(TabPane, { tab: locales[locale], key: locale }, children(locale)));
        });
    };
    return (React.createElement(Tabs, { type: "card", onChange: handleTabChange }, mapLocalesToTabs()));
};
export default TranslatableInput;