@gravity-ui/uikit
Version:
Gravity UI base styling and components
21 lines (20 loc) • 1.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileDropZoneTitle = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const __1 = require("../../../index.js");
const FileDropZone_Provider_1 = require("../FileDropZone.Provider.js");
const constants_1 = require("../constants.js");
const i18n_1 = tslib_1.__importDefault(require("../i18n/index.js"));
const FileDropZoneTitle = ({ className }) => {
const { title, multiple, errorMessage } = (0, FileDropZone_Provider_1.useFileZoneContext)();
const { t } = i18n_1.default.useTranslation();
const postfix = multiple ? 'multiple' : 'single';
const defaultTitle = title || t(`label_title-${postfix}`);
const isError = Boolean(errorMessage);
const displayTitle = isError ? errorMessage : defaultTitle;
return ((0, jsx_runtime_1.jsx)(__1.Text, { variant: "subheader-1", className: className, qa: constants_1.FileDropZoneQa.TITLE, children: displayTitle }));
};
exports.FileDropZoneTitle = FileDropZoneTitle;
//# sourceMappingURL=FileDropZone.Title.js.map