Templates: Export ButtonProps and HeaderProps interfaces

Export the ButtonProps and HeaderProps interfaces to make them accessible to avoid issues with Typescript relying on exported interfaces when declaration files should be created.

Author: valentinpalkovic

code/frameworks/nextjs/template/cli/ts-3-8/Button.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import './button.css';
 
-interface ButtonProps {
+export interface ButtonProps {
   /**
    * Is this the principal call to action on the page?
    */

code/frameworks/nextjs/template/cli/ts-3-8/Header.tsx

@@ -7,7 +7,7 @@ type User = {
   name: string;
 };
 
-interface HeaderProps {
+export interface HeaderProps {
   user?: User;
   onLogin?: () => void;
   onLogout?: () => void;

code/frameworks/nextjs/template/cli/ts-4-9/Button.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import './button.css';
 
-interface ButtonProps {
+export interface ButtonProps {
   /**
    * Is this the principal call to action on the page?
    */

code/frameworks/nextjs/template/cli/ts-4-9/Header.tsx

@@ -7,7 +7,7 @@ type User = {
   name: string;
 };
 
-interface HeaderProps {
+export interface HeaderProps {
   user?: User;
   onLogin?: () => void;
   onLogout?: () => void;

code/renderers/react/template/cli/ts-3-8/Button.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import './button.css';
 
-interface ButtonProps {
+export interface ButtonProps {
   /**
    * Is this the principal call to action on the page?
    */

code/renderers/react/template/cli/ts-3-8/Header.tsx

@@ -7,7 +7,7 @@ type User = {
   name: string;
 };
 
-interface HeaderProps {
+export interface HeaderProps {
   user?: User;
   onLogin?: () => void;
   onLogout?: () => void;

code/renderers/react/template/cli/ts-4-9/Button.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import './button.css';
 
-interface ButtonProps {
+export interface ButtonProps {
   /**
    * Is this the principal call to action on the page?
    */

code/renderers/react/template/cli/ts-4-9/Header.tsx

@@ -7,7 +7,7 @@ type User = {
   name: string;
 };
 
-interface HeaderProps {
+export interface HeaderProps {
   user?: User;
   onLogin?: () => void;
   onLogout?: () => void;