<script lang="ts">
	import type { Schema } from 'src/model/job';
	import JobElement from './JobElement.svelte';
	export let currentLanguage = '';
	export let jobs: Schema[] = [];
</script>

<div class="jobs-container">
	{#each jobs as job}
		<JobElement {job} {currentLanguage} />
	{/each}
</div>

<style lang="scss">
	@import '../app.scss';
	@media (min-width: 1250px) {
		.jobs-container {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
	}

</style>
