@props([
    'percent' => 0,
])

@php
    $angle = $percent? min(180, $percent/100 * 180) : 0;

    $attributes = $attributes->class([
        'gauge'
    ]);
@endphp

<div {{ $attributes }}>
    <div class="semi-circle"></div>
    <div class="semi-circle--mask" style="-webkit-transform: rotate({{ $angle }}deg); -moz-transform: rotate({{ $angle }}deg); transform: rotate({{ $angle }}deg);">
    </div>
</div>