{"size": 1375, "ext": "js", "max_stars_repo_path": "pages/index.js", "max_stars_repo_name": "andihaki/pejuangremote", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "pages/index.js", "max_issues_repo_name": "andihaki/pejuangremote", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "pages/index.js", "max_forks_repo_name": "andihaki/pejuangremote", "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": 49.1071428571, "max_line_length": 113, "alphanum_fraction": 0.4298181818}
import data from "./data";
const Index = () => {
    return (
            <div style={{ margin: '0 auto', maxWidth: '500px', width: '100%', textAlign: 'center' }}>
                <h1>👋 Hallo, Pengguna PejuangRemote</h1>
                <p>Website ini masih dalam tahap pengembangan, harap bersabar ya 🙏 </p>

                <h2>Daftar Lowongan Pekerjaan</h2>
                {data.map(({ job, company }) => (
                    <div style={{ padding: '16px 0', borderBottom: '1px solid gray', textAlign: 'left' }}>
                        <div style={{ display: 'flex', verticalALign: 'center', alignItems: 'center' }}>
                            <div style={{ width: '52px', padding: '0 8px 0 0'}}>
                                <img src={company.logo} alt={company.name} style={{ width: '100%' }} />
                            </div>
                            <div>
                                <div>{job.title}</div>
                                <div>{company.name}</div>
                            </div>
                        </div>
                        <div dangerouslySetInnerHTML={{__html: job.description}} style={{ textAlign: 'left' }} />
                        <button type="submit" onClick={() => window.location.href = job.url}>Kirim</button>
                    </div>
                ))}
            </div>
    );
}

export default Index;