@navikt/ds-react/cjs/timeline/period/NonClickablePeriod.js

React components from the Norwegian Labour and Welfare Administration.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const Theme_1 = require("../../theme/Theme");
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
const period_1 = require("../utils/period");
const NonClickablePeriod = ({ start, end, status, cropped, direction, left, width, icon, statusLabel, restProps, periodRef, }) => {
    var _a;
    const translate = (0, i18n_hooks_1.useI18n)("Timeline");
    const { cn } = (0, Theme_1.useRenameCSS)();
    return (react_1.default.createElement("div", Object.assign({ ref: periodRef }, restProps, { "data-color": (_a = restProps === null || restProps === void 0 ? void 0 : restProps["data-color"]) !== null && _a !== void 0 ? _a : status, className: cn((0, period_1.getConditionalClasses)(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className), style: {
            width: `${width}%`,
            [direction]: `${left}%`,
        } }),
        react_1.default.createElement("span", { className: cn("navds-timeline__period--inner") },
            icon,
            react_1.default.createElement("span", { className: cn("navds-sr-only") }, (0, period_1.ariaLabel)(start, end, status, statusLabel, translate)))));
};
exports.default = NonClickablePeriod;
//# sourceMappingURL=NonClickablePeriod.js.map