How to use the @dojo/widgets/tab-controller.Align.top function in @dojo/widgets

export default factory(function Tabs({ middleware: { icache } }) {
	const activeIndex = icache.get('active') || 0;

	return w(
		TabController,
		{
			alignButtons: Align.top,
			activeIndex: activeIndex,
			onRequestTabChange: (index: number) => {
				icache.set('active', index);
			}
		},
		[
			w(
				Tab,
				{
					key: 'button-tab',
					label: 'Basic Form Widgets'
				},
				[w(BasicFormTab, {})]
			),
			w(
				Tab,

export default factory(function ButtonAlignment({ middleware: { icache } }) {
	const activeIndex = icache.getOrSet('active', 0);
	const alignButtons = icache.getOrSet('align', Align.top);
	return (
		<div>
			<select> {
					icache.set('align', value);
				}}
			/&gt;
			</select></div>

export default factory(function ButtonAlignment({ middleware: { icache } }) {
	const activeIndex = icache.getOrSet('active', 0);
	const alignButtons = icache.getOrSet('align', Align.top);
	return (
		<div>
			<select> {
					icache.set('align', value);
				}}
			/&gt;
			 {
					icache.set('active', index);
				}}
			&gt;
				</select></div>