'use strict';

var clsx = require('clsx');
var React = require('react');
var SelectInput_contexts = require('../SelectInput.contexts.js');
var jsxRuntime = require('react/jsx-runtime');

function SelectInputOptionContent({
  title,
  note,
  description,
  icon
}) {
  const withinTrigger = React.useContext(SelectInput_contexts.SelectInputOptionContentWithinTriggerContext);
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
    className: clsx.clsx('np-select-input-option-content-container', (note || description) && 'np-text-body-large'),
    children: [icon ? /*#__PURE__*/jsxRuntime.jsx("div", {
      className: clsx.clsx('np-select-input-option-content-icon', !withinTrigger && 'np-select-input-option-content-icon--not-within-trigger'),
      children: icon
    }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
      className: "np-select-input-option-content-text",
      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
        className: clsx.clsx('np-select-input-option-content-text-line-1', withinTrigger && 'np-select-input-option-content-text-within-trigger'),
        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
          className: "d-inline",
          children: title
        }), note ? /*#__PURE__*/jsxRuntime.jsx("span", {
          className: "np-select-input-option-content-text-secondary np-text-body-default",
          children: note
        }) : null]
      }), description ? /*#__PURE__*/jsxRuntime.jsx("div", {
        className: clsx.clsx('np-select-input-option-content-text-secondary np-text-body-default', withinTrigger && 'np-select-input-option-content-text-within-trigger np-select-input-option-description-in-trigger'),
        children: description
      }) : null]
    })]
  });
}

exports.SelectInputOptionContent = SelectInputOptionContent;
//# sourceMappingURL=SelectInputOptionContent.js.map
