Function createUsageExample

src/utils/codeGeneration.js:148–169

(componentName, importPath, props, defaultProps = {}, options = {})

 * @returns {string} Complete usage example code
 */
export function createUsageExample(componentName, importPath, props, defaultProps = {}, options = {}) {
  const { exclude = ['key', 'ref'], children = null, callbacks = {} } = options;

  const propsString = generatePropsString(props, defaultProps, { exclude, indent: 2 });

  // Generate callback declarations
  const callbackDeclarations = Object.entries(callbacks)
    .map(([name, body]) => {
      return `const ${name} = () => {\n  ${body}\n};`;
    })
    .join('\n\n');

  const callbackSection = callbackDeclarations ? `\n${callbackDeclarations}\n` : '';

  const componentJsx = children
    ? `<${componentName}${propsString ? `\n${propsString}` : ''}>\n  ${children}\n</${componentName}>`
    : `<${componentName}${propsString ? `\n${propsString}\n` : ' '}/>`;

  return `import ${componentName} from "${importPath}";
${callbackSection}
${componentJsx}`;
}