import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { css } from "styled-components";
export function MoreDetailCard({ icon, date }) {
    return (_jsx("div", { children: _jsxs("div", { className: "openk9-embeddable-more-detail-card-icon", css: css `
          margin-top: 11px;
          color: #c0272b;
          display: flex;
          align-items: center;
          justify-content: flex-start;
        `, children: [icon, _jsx("span", { className: "openk9-embeddable-more-detail-card-container-title", css: css `
            color: #71717a;
            font-style: normal;
            font-weight: 400;
            font-size: 10px;
            line-height: 14px;
            margin-left: 5px;
          `, children: "PDF" }), _jsxs("span", { className: "openk9-embeddable-more-detail-card-container-last-edit", css: css `
            color: #71717a;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 19px;
            margin-left: 20px;
          `, children: ["Last Edit:", _jsx("span", { className: "openk9-embeddable-more-detail-card-container-date", css: css `
              font-style: normal;
              font-weight: 600;
              font-size: 14px;
              line-height: 19px;
              margin-left: 7px;
              color: #3f3f46;
            `, children: date })] })] }) }));
}
