import { jsx as _jsx } from "react/jsx-runtime";
import { css } from "styled-components";
export function DetailLink({ href, children }) {
    return (_jsx("a", { className: "openk9-embeddable-detail-link", href: href, target: "_blank", rel: "noreferrer", css: css `
        font-size: 0.8em;
        margin-bottom: 8px;
        word-wrap: break-word;
        word-break: break-word;
        display: block;
        color: #c0272b;
      `, children: children }));
}
