"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown");function FieldDetailComponent({value:e,label:r,raw:t}){if(void 0===e)return null;const n=t?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",r," "]}),"Default"===r?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:n}):"Example:"===r?(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n})}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:n})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
  margin-top: var(--spacing-xxs);
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xxs);
  flex-wrap: wrap;
`;
//# sourceMappingURL=FieldDetail.js.map