<script lang="ts">
import Radio from './Radio.svelte';
const options: string[] = ['Low', 'Medium', 'High', 'Very High'];
const type: string = 'temperature';
</script>

<div>
	<fieldset>
		<legend>Temperature</legend>
		<Radio {options} {type} />
	</fieldset>
</div>

<style>
fieldset {
	padding: 0;
	border: none;
	margin-top: 1rem;
}

legend {
	text-align: center;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 0;
	margin-bottom: 1rem;
}
</style>
