@if (type === 'CNAI') {
<div class="artifact-label">
    @if (artifactExtraAttrs.config.architecture) {
    <div class="label">
        @if (artifactExtraAttrs.config.architecture === 'transformer') {
        <img
            [src]="'images/artifact-label-transformer.svg'"
            class="artifact-icon" />
        }
        <span class="capitalize-first-letter">{{
            artifactExtraAttrs.config.architecture
        }}</span>
    </div>
    } @if (artifactExtraAttrs.config.format) {
    <div class="label">
        @if ( artifactExtraAttrs.config.format === 'tensorflow' ||
        artifactExtraAttrs.config.format === 'safetensors' ) {
        <img
            [src]="
                artifactExtraAttrs.config.format === 'tensorflow'
                    ? 'images/artifact-label-tensorflow.svg'
                    : 'images/artifact-label-safetensor.svg'
            "
            class="artifact-icon" />
        }
        <span class="capitalize-first-letter">{{
            artifactExtraAttrs.config.format
        }}</span>
    </div>
    } @if (artifactExtraAttrs.descriptor.name) {
    <div class="label">
        <span>{{ artifactExtraAttrs.descriptor.name }}</span>
    </div>
    } @if (artifactExtraAttrs.config.precision) {
    <div class="label">
        <span>{{ artifactExtraAttrs.config.precision }}</span>
    </div>
    } @if (artifactExtraAttrs.config.puantization) {
    <div class="label">
        <span>{{ artifactExtraAttrs.config.puantization }}</span>
    </div>
    } @if (artifactExtraAttrs.descriptor.family) {
    <div class="label">
        <span>{{ artifactExtraAttrs.descriptor.family }}</span>
    </div>
    }
</div>
}