import { jsx as _jsx } from "react/jsx-runtime";
import { styled } from '../../styled-components.js';
export function SchemaTypeInfo({ type, className }) {
    if (!type)
        return null;
    return (_jsx(FieldLabel, { className: className, "data-testid": "schema-type-info", children: type }));
}
const FieldLabel = styled.em `
  vertical-align: middle;
  color: var(--schema-type-text-color);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  font-style: normal;

  :after {
    content: ',';
  }

  &:last-of-type:after {
    content: '';
  }
`;
//# sourceMappingURL=SchemaTypeInfo.js.map