function ApplicationDetails(props) {
  
  var nsfwChecked;
  if(props.NSFW === "NSFW") {
    nsfwChecked = true;
  } else if(props.easterEgg === "SAFE") {
    nsfwChecked = false;
  } else {
    nsfwChecked = false;
  }
  return (
    <div id="applicationGrid" title={props.name}>
      <label htmlFor="name">Name</label>
      <input id="name" type="text" defaultValue={props.name}></input>
      <label htmlFor="url">URL</label>
      <input id="url" type="text" defaultValue={props.url}></input>
      <label htmlFor="icon">Icon</label>
      <input id="icon" type="text" defaultValue={props.icon}></input>
      <label htmlFor="baseurl">Base URL</label>
      <input id="baseurl" type="text" defaultValue={props.urlbase}></input>
      <label htmlFor="NSFW">NSFW</label>
      <input id="NSFW" type="checkbox" defaultChecked={nsfwChecked}></input>
    </div>
  );
}

export default ApplicationDetails;