ruch/src/templates/domains/ui.ts

Revolutionary React TypeScript CLI with hexagonal architecture & AI-powered development assistance. Create maintainable, scalable applications with domain-driven design and integrated AI tooling.

export const getUiIndexTemplate = (domainName: string): string => {
  const capitalizedName = domainName.charAt(0).toUpperCase() + domainName.slice(1);
  return `// UI exports for the ${domainName} domain
export { ${capitalizedName}View } from './${capitalizedName}View';
`;
};

export const getUiTemplate = (domainName: string): string => {
  const capitalizedName = domainName.charAt(0).toUpperCase() + domainName.slice(1);
  
  return `import React from 'react';

interface ${capitalizedName}ViewProps {
  // Add your props here
}

export function ${capitalizedName}View(_props: ${capitalizedName}ViewProps) {
  return (
    <div>
      <h1>${capitalizedName}</h1>
      {/* Add your UI components here */}
    </div>
  );
}`;
};