import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { css } from "styled-components";
export function ResultContainer({ icon, children }) {
    return (_jsxs("div", { className: "openk9-embeddable-result-container", css: css `
        display: flex;
        padding: 8px 16px;
      `, children: [_jsx("div", { className: "openk9-embeddable-result-container-media", css: css `
          @media max-width: 480px {
            display: none;
          }
          width: 30px;
          margin-right: 8px;
        `, children: _jsx("div", { className: "openk9-embeddable-result--icon", css: css `
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--openk9-embeddable-search--primary-color);
          `, children: icon }) }), _jsx("div", { className: "openk9-embeddable-result--children", css: css `
          margin-left: 8px;
          overflow: hidden;
        `, children: children })] }));
}
