"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SingleLogItem = void 0;
const react_1 = __importDefault(require("react"));
const inlines_1 = require("inlines");
const components_1 = require("../../components");
const icons_1 = require("../../icons");
const dayjs_1 = __importDefault(require("dayjs"));
const SingleLogItem = ({ msg, status, style, ts, type, label, }) => {
    return (react_1.default.createElement(inlines_1.styled.div, { style: {
            // border: '1px solid yellow',
            display: 'flex',
            flexDirection: 'row',
            gap: 16,
        } },
        react_1.default.createElement(components_1.Badge, { light: true, color: status, icon: react_1.default.createElement(icons_1.IconAlertFill, null), style: { alignSelf: 'end' } }),
        react_1.default.createElement(inlines_1.styled.div, { style: { display: 'flex', flexDirection: 'column', flexGrow: 1 } },
            react_1.default.createElement(inlines_1.styled.div, { style: { display: 'flex', gap: 10 } },
                react_1.default.createElement(components_1.Text, { light: true, size: 12 }, (0, dayjs_1.default)(ts).format('HH:mm:ss')),
                react_1.default.createElement(components_1.Text, { light: true, size: 12 }, (0, dayjs_1.default)(ts).format('DD/MM/YYYY'))),
            react_1.default.createElement(components_1.Text, { weight: "strong", style: {} }, msg)),
        react_1.default.createElement(components_1.Badge, { style: { alignSelf: 'end' }, light: true }, label ?? 'db:set')));
};
exports.SingleLogItem = SingleLogItem;
//# sourceMappingURL=SingleLogItem.js.map