useTabs.js
No OneTemporary
Actions

Subscribers

None

File Metadata

	import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
	import * as React from 'react';
	import { unstable_useControlled as useControlled, unstable_useId as useId } from '@mui/utils';
	var useTabs = function useTabs(parameters) {
	var valueProp = parameters.value,
	defaultValue = parameters.defaultValue,
	onChange = parameters.onChange,
	orientation = parameters.orientation,
	direction = parameters.direction,
	selectionFollowsFocus = parameters.selectionFollowsFocus;
	var _useControlled = useControlled({
	controlled: valueProp,
	default: defaultValue,
	name: 'Tabs',
	state: 'value'
	}),
	_useControlled2 = _slicedToArray(_useControlled, 2),
	value = _useControlled2[0],
	setValue = _useControlled2[1];
	var idPrefix = useId();
	var onSelected = React.useCallback(function (e, newValue) {
	setValue(newValue);
	if (onChange) {
	onChange(e, newValue);
	}
	}, [onChange, setValue]);
	var tabsContextValue = React.useMemo(function () {
	return {
	idPrefix: idPrefix,
	value: value,
	onSelected: onSelected,
	orientation: orientation,
	direction: direction,
	selectionFollowsFocus: selectionFollowsFocus
	};
	}, [idPrefix, value, onSelected, orientation, direction, selectionFollowsFocus]);
	return {
	tabsContextValue: tabsContextValue
	};
	};
	export default useTabs;