avatar.jsx

import React from 'react';

export interface Props {
    /** name of the super hero */
    name: string;
    /** age of the super hero */
    age: number;
}

export const Avatar: React.FunctionComponent<Props> = ({ name, age }) => {
    return (
        <div>
            <h1> Name : {name} </h1>
            <p> Age : {age} </p>
        </div>
    );
};