{"size": 584, "ext": "js", "max_stars_repo_path": "src/App.js", "max_stars_repo_name": "KashnykovAnton/goit-react-hw-07-phonebook-04", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/App.js", "max_issues_repo_name": "KashnykovAnton/goit-react-hw-07-phonebook-04", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/App.js", "max_forks_repo_name": "KashnykovAnton/goit-react-hw-07-phonebook-04", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.5454545455, "max_line_length": 57, "alphanum_fraction": 0.6695205479}
import 'App.css';
import ContactsSection from 'components/ContactsSection';
import ContactsList from 'components/ContactsList';
import ContactsForm from 'components/ContactsForm';
import ContactsFilter from 'components/ContactsFilter';
// import Test from './components/Test';

export default function App() {
  return (
    <div>
      <ContactsSection title="Phonebook">
        {/* <Test /> */}
        <ContactsForm />
      </ContactsSection>
      <ContactsSection title="Contacts">
        <ContactsFilter />
        <ContactsList />
      </ContactsSection>
    </div>
  );
}
