Se da formato

import './assets/css/styles.css';

import "./assets/css/styles.css";

interface Developer {

  name: string;

export const Footer = () => {

  const style: React.CSSProperties = {

    fontSize: 11,

    textDecoration: 'none', 

    color: 'black',

    textAlign: 'left'

  }

    textDecoration: "none",

    color: "black",

    textAlign: "left",

  };

  const developers: Developer[] = [

    {

      name: 'Lorenzo',

      lastName: 'Trujillo',

      role: 'Desarrollador FrontEnd Mobile',

      linkedInURL: 'https://www.linkedin.com/in/lorenzotrujillorojassd/'

      name: "Lorenzo",

      lastName: "Trujillo",

      role: "Desarrollador FrontEnd Mobile",

      linkedInURL: "https://www.linkedin.com/in/lorenzotrujillorojassd/",

    },

    {

      name: 'Diego I.',

      lastName: 'Correa',

      role: 'Desarrollador BackEnd',

      linkedInURL: 'https://www.linkedin.com/in/diego-ivan-correa/'

      name: "Diego I.",

      lastName: "Correa",

      role: "Desarrollador BackEnd",

      linkedInURL: "https://www.linkedin.com/in/diego-ivan-correa/",

    },

    {

      name: 'Omar',

      lastName: 'Luna',

      role: 'Desarrollador FrontEnd Web',

      linkedInURL: 'https://www.linkedin.com/in/omar-luna-hern%C3%A1ndez-a280ba267/'

    }

  ]

      name: "Omar",

      lastName: "Luna",

      role: "Desarrollador FrontEnd Web",

      linkedInURL:

        "https://www.linkedin.com/in/omar-luna-hern%C3%A1ndez-a280ba267/",

    },

  ];

  return (

    <div className="footer">

      <div className='footer_credits'>

        <div className='footer_license'>

      <div className="footer_credits">

        <div className="footer_license">

          <div style={style}>

            ©2024

            <a href='https://labsol.cozcyt.gob.mx/' style={style}> Labsol Network.</a>

            <a href="https://labsol.cozcyt.gob.mx/" style={style}>

              {" "}

              Labsol Network.

            </a>

          </div>

          <a href='https://www.gnu.org/licenses/gpl-3.0.html' style={style}>Bajo licencia GPL v.3.</a>

          <a href="https://www.gnu.org/licenses/gpl-3.0.html" style={style}>

            Bajo licencia GPL v.3.

          </a>

        </div>

        <div className='footer_developers'>

          {

            developers.map((dev) => {

        <div className="footer_developers">

          {developers.map((dev, index) => {

            return (

                <a style={style} href={dev.linkedInURL}>@ {dev.name + ' ' + dev.lastName + ' (' + dev.role +')'}</a>

              <a key={index} style={style} href={dev.linkedInURL}>

                @ {dev.name + " " + dev.lastName + " (" + dev.role + ")"}

              </a>

            );

            })

          }

          })}

        </div>

      </div>

      <div className='footer_icons'>

        <div className='footer_images'>

          <img src='https://sit.cozcyt.gob.mx/static/images/sit_logo_texto_lab.png?v=2' 

            title="Laboratorio de Software Libre Network"/>

          <img src='https://sit.cozcyt.gob.mx/static/images/sit_logo_licencia.png?v=2' 

            title='GNU General Public License v.3.'/>

      <div className="footer_icons">

        <div className="footer_images">

          <img

            src="https://sit.cozcyt.gob.mx/static/images/sit_logo_texto_lab.png?v=2"

            title="Laboratorio de Software Libre Network"

          />

          <img

            src="https://sit.cozcyt.gob.mx/static/images/sit_logo_licencia.png?v=2"

            title="GNU General Public License v.3."

          />

        </div>

      </div>

    </div>

  );

}

 No newline at end of file

};