{{#if @root.flags.myFtApiWrite}}
	<form
		class="n-myft-ui n-myft-ui--follow {{extraClasses}}"
		method="GET"
		data-myft-ui="follow"
		data-concept-id="{{conceptId}}"
		{{#if collectionName}}data-myft-tracking="collectionName={{collectionName}}"{{/if}}
		{{#if followPlusDigestEmail}}
			action="/__myft/api/core/follow-plus-digest-email/{{conceptId}}?method=put"
			data-myft-ui-variant="followPlusDigestEmail"
		{{else}}
			{{#ifAll setFollowButtonStateToSelected @root.cacheablePersonalisedUrl}}
				action="/myft/remove/{{conceptId}}"
				data-js-action="/__myft/api/core/followed/concept/{{conceptId}}?method=delete"
			{{else}}
				action="/myft/add/{{conceptId}}"
				data-js-action="/__myft/api/core/followed/concept/{{conceptId}}?method=put"
			{{/ifAll}}
		{{/if}}>
		{{> n-myft-ui/components/csrf-token/input}}
		<div
			class="n-myft-ui__announcement o3-visually-hidden"
			aria-live="assertive"
			data-pressed-text="Now following {{name}}."
			data-unpressed-text="No longer following {{name}}."
		></div>
		<button
			{{#ifAll setFollowButtonStateToSelected @root.cacheablePersonalisedUrl}}
				aria-label="Added {{name}} to myFT: click to remove"
				title="Remove {{name}} from myFT"
				data-alternate-label="Add to myFT: {{name}}"
				aria-pressed="true"
				{{#if alternateText}}
					data-alternate-text="{{alternateText}}"
				{{else}}
					{{#if buttonText}}
						data-alternate-text="{{buttonText}}"
					{{else}}
						data-alternate-text="Add to myFT"
					{{/if}}
				{{/if}}
			{{else}}
				aria-pressed="false"
				aria-label="Add to myFT: {{name}}"
				title="Add {{name}} to myFT"
				data-alternate-label="Added {{name}} to myFT: click to remove"
				{{#if alternateText}}
					data-alternate-text="{{alternateText}}"
				{{else}}
					{{#if buttonText}}
						data-alternate-text="{{buttonText}}"
					{{else}}
						data-alternate-text="Added"
					{{/if}}
				{{/if}}
			{{/ifAll}}
			class="{{extraButtonClasses}}
				n-myft-follow-button
				{{~#variant}} n-myft-follow-button--{{this}}{{/variant~}}"
			data-concept-id="{{conceptId}}" {{! duplicated here for tracking}}
			{{#if followPlusDigestEmail}}
				data-trackable-context-messaging="add-to-myft-plus-digest-button"
			{{/if}}
			data-trackable="follow"
			type="submit">
			{{~#if buttonText~}}
				{{buttonText}}
			{{~else~}}
				{{~#ifAll setFollowButtonStateToSelected @root.cacheablePersonalisedUrl~}}
					Added
				{{~else~}}
					Add to myFT
				{{~/ifAll~}}
			{{~/if~}}
		</button>
	</form>
{{else}}
	<!-- Add to myFT button hidden due to myFtApiWrite being off -->
{{/if}}