import{jsxs as a,jsx as l}from"react/jsx-runtime";import{memo as s}from"react";import{FieldLabel as o,DefaultValue as p,FieldValueLabel as d,ExpandableExample as m}from"../common/index.js";import{styled as x}from"../../styled-components.js";function f({value:e,label:n,raw:t,type:r="other"}){if(e===void 0)return null;const i=t?String(e):JSON.stringify(e);return a(c,{children:[a(o,{children:[" ",n," "]}),r==="default"?l(p,{children:i}):r==="example"?l(m,{value:i}):l(d,{children:i})]})}const j=s(f),c=x.div`
  margin-top: var(--spacing-xxs);
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xxs);
  flex-wrap: wrap;
`;export{j as FieldDetail};
