import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { css } from "styled-components";
import { get } from "lodash";
export function DateCard({ result, label = "Last Edit:", path, }) {
    const printDate = get(result.source, path);
    const lastEdit = new Date(printDate).toLocaleString().replace(",", "");
    return (_jsxs("div", { className: "openk9-embeddable-more-detail-card-container", css: css `
        display: flex;
        flex-direction: row;
        gap: 5px;
      `, children: [_jsxs("div", { className: "openk9-embeddable-more-detail-card-container-last-edit", css: css `
          color: #71717a;
          font-style: normal;
          font-weight: 400;
          font-size: 15px;
          line-height: 19px;
        `, children: [label, ":"] }), _jsx("div", { className: "openk9-embeddable-more-detail-card-container-date", css: css `
          font-style: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 19px;
          color: #3f3f46;
        `, children: lastEdit })] }));
}
