import React from 'react';

import templateDetails from '../../../assets/templates.json';
import TemplateCard from '../../../components/TemplateCard';
import RepositoryList from '../../../components/RepositoryList';
import ConnectAccount from '../../../components/ConnectAccount';

const IS_GIT_AUTH = true;

const NewProject = () => {
  return (
    <>
      <h5 className="mt-4 ml-4">Start with template</h5>
      <div className="grid grid-cols-3 p-4 gap-4">
        {templateDetails.map((framework, key) => {
          return <TemplateCard framework={framework} key={key} />;
        })}
      </div>
      <h5 className="mt-4 ml-4">Import a repository</h5>
      {IS_GIT_AUTH ? <RepositoryList /> : <ConnectAccount />}
    </>
  );
};

export default NewProject;