{{ $title := .Attributes.title }}
{{ $hasTitle := ne $title "" }}
{{ $lang := .Type }}
{{ $highlighted := transform.Highlight .Inner .Type .Options }}

{{ if $hasTitle }}
  {{/* Map language to SVG icon name */}}
  {{ $iconName := $lang }}
  {{ if eq $lang "bash" }}{{ $iconName = "gnubash" }}{{ end }}
  {{ if eq $lang "sh" }}{{ $iconName = "shell" }}{{ end }}
  {{ if eq $lang "html" }}{{ $iconName = "html5" }}{{ end }}
  {{ if eq $lang "css" }}{{ $iconName = "css3" }}{{ end }}
  {{ if eq $lang "js" }}{{ $iconName = "javascript" }}{{ end }}
  {{ if eq $lang "ts" }}{{ $iconName = "typescript" }}{{ end }}
  {{ if eq $lang "rb" }}{{ $iconName = "ruby" }}{{ end }}
  {{ if eq $lang "yml" }}{{ $iconName = "yaml" }}{{ end }}

  <div class="codeblock-wrapper">
    <div class="codeblock-header">
      <span class="codeblock-icon">{{ partial "svg.html" (dict "name" $iconName) }}</span>
      <span class="codeblock-title">{{ $title }}</span>
      <button class="codeblock-copy-btn" onclick="copyCodeblockSource(this)" title="Copy to clipboard">copy</button>
    </div>
    {{ $highlighted }}
  </div>
{{ else }}
  {{ $highlighted }}
{{ end }}