<script lang="ts">
  import type { SpecificationAttribute } from '$lib'
  import { T } from '@tolgee/svelte'

  const { attribute }: { attribute: SpecificationAttribute } = $props()
</script>

<div
  class="flex justify-between py-2 border-b border-gray-200 dark:border-gray-700"
>
  <dt class="text-gray-600 dark:text-gray-400">
    <T keyName={`specs.${attribute.key}`} />
  </dt>
  <dd class="dark:text-gray-200">{attribute.value}</dd>
</div>
