<div class="ui labeled button" {{if not $.IsSigned}}data-tooltip-content="{{ctx.Locale.Tr "repo.star_guest_user"}}"{{end}}>
	{{$buttonText := ctx.Locale.Tr "repo.star"}}
	{{if $.IsStaringRepo}}{{$buttonText = ctx.Locale.Tr "repo.unstar"}}{{end}}
	<button type="button" class="ui compact small basic button" aria-label="{{$buttonText}}"
		{{if $.IsSigned}}
			data-fetch-method="post"
			data-fetch-url="{{$.RepoLink}}/action/{{if $.IsStaringRepo}}unstar{{else}}star{{end}}"
			data-fetch-sync="$closest(.ui.labeled.button)"
		{{else}}
			disabled
		{{end}}
	>
		{{svg (Iif $.IsStaringRepo "octicon-star-fill" "octicon-star")}}
		<span class="not-mobile" aria-hidden="true">{{$buttonText}}</span>
	</button>
	<a class="ui basic label" href="{{$.RepoLink}}/stars">
		{{CountFmt .Repository.NumStars}}
	</a>
</div>
