import React, {useState} from 'react'

const ChristianCastellanos = () => {
  const [christian, setChristian] = useState({
    pronouns: ["He", "Him"],
    technologies: ["JavaScript", "TypeScript", "Next JS", "React", "Redux", "Node.js", "Express", "Sequileze", "PostgresSQL"],
    hobbies: ["Learning", "Coding", "Biking", "Hiking"], 
    funFact: "AI support in React!"
  })
  return (
     <div>
        <h1>About me<h1/>
        <div className='about'>
          <label>Pronouns<label/>
          <p>{christian.pronouns}</p>
          
          <label>Technologies<label/>
          <p>{christian.technologies}</p>
          
          <label>Hobbies<label/>
          <p>{christian.hobbies}</p>
        <div/>
     <div/>
  )
}