Function generateJsxExample

packages/generator/src/shared.ts:61–73

(
  props: Record<string, string | null | undefined>,
  jsxStyleProps: JsxStyleProps = 'all',
  component = 'Box',
)

 * Generates a single JSX example based on jsxStyleProps setting
 */
export const generateJsxExample = (
  props: Record<string, string | null | undefined>,
  jsxStyleProps: JsxStyleProps = 'all',
  component = 'Box',
): string | null => {
  if (jsxStyleProps === 'all') {
    return formatJsxComponent(component, props)
  }
  if (jsxStyleProps === 'minimal') {
    return `<${component} css={{ ${formatProps(props)} }} />`
  }
  return null
}

/**
 * Generates function and JSX examples for a style property