| Samuel Shuert | c86816a | 2024-04-27 16:12:34 -0400 | [diff] [blame^] | 1 | --- |
| 2 | interface Props { |
| 3 | jobTitle: string |
| 4 | projectName: string |
| 5 | dateFrom: string |
| 6 | dateTo: string |
| 7 | children: HTMLLIElement[] |
| 8 | obsolete: boolean |
| 9 | area: string |
| 10 | } |
| 11 | |
| 12 | |
| 13 | const { jobTitle, projectName, dateFrom, dateTo, obsolete, area } = Astro.props; |
| 14 | --- |
| 15 | |
| 16 | <div> |
| 17 | <div class="grid-cols-3 grid-rows-1 w-full text-base grid"> |
| 18 | <h1 class="text-left"><strong>{jobTitle}</strong></h1> |
| 19 | <div class="flex justify-center text-center items-center gap-2"> |
| 20 | <h1 class="text-base">{projectName}</h1> |
| 21 | <p class="w-fit bg-green-300 border border-green-700 text-xs rounded-lg px-1 text-center justify-center">{area}</p> |
| 22 | { |
| 23 | obsolete ? |
| 24 | <div class="bg-red-300 border border-red-700 text-xs rounded-lg px-1">Obsolete</div> |
| 25 | : null |
| 26 | } |
| 27 | </div> |
| 28 | <h1 class="text-right">{dateFrom} - {dateTo}</h1> |
| 29 | </div> |
| 30 | <ul class="ml-8 mt-2 list-disc text-sm"> |
| 31 | <slot /> |
| 32 | </ul> |
| 33 | </div> |