// import { RadioButton, Select } from '@bsf/force-ui';

const DirectiveTab = () => {
	return <></>;
	// return (
	// 	<div>
	// 		<div className="p-2 space-y-4">
	// 			<RadioButton.Group
	// 				columns={ 1 }
	// 				multiSelection
	// 				size="sm"
	// 				onChange={ () => {} }
	// 			>
	// 				<RadioButton.Button
	// 					reversePosition={ true }
	// 					useSwitch={ true }
	// 					label={ {
	// 						heading: 'Enable Directive',
	// 					} }
	// 					value={ 'enable_directive' }
	// 				/>
	// 			</RadioButton.Group>
	// 			<Select
	// 				label="Maximum Text Snippet Length"
	// 				onChange={ () => {} }
	// 				placeholder="Select an option"
	// 				size="md"
	// 				multiple={ true }
	// 			>
	// 				<Select.Button label="Maximum Text Snippet Length" />
	// 				<Select.Options dropdownPortalId="surerank-dashboard">
	// 					<Select.Option
	// 						value={ {
	// 							id: '1',
	// 							name: 'Option 1',
	// 						} }
	// 					>
	// 						Option 1
	// 					</Select.Option>
	// 					<Select.Option
	// 						value={ {
	// 							id: '2',
	// 							name: 'Option 2',
	// 						} }
	// 					>
	// 						Option 2
	// 					</Select.Option>
	// 					<Select.Option
	// 						value={ {
	// 							id: '3',
	// 							name: 'Option 3',
	// 						} }
	// 					>
	// 						Option 3
	// 					</Select.Option>
	// 				</Select.Options>
	// 			</Select>
	// 			<Select
	// 				label="Maximum Image Preview Size"
	// 				onChange={ () => {} }
	// 				placeholder="Select an option"
	// 				size="md"
	// 			>
	// 				<Select.Button label="Maximum Image Preview Size" />
	// 				<Select.Options dropdownPortalId="surerank-dashboard">
	// 					<Select.Option
	// 						value={ {
	// 							id: '1',
	// 							name: 'Option 1',
	// 						} }
	// 					>
	// 						Option 1
	// 					</Select.Option>
	// 					<Select.Option
	// 						value={ {
	// 							id: '2',
	// 							name: 'Option 2',
	// 						} }
	// 					>
	// 						Option 2
	// 					</Select.Option>
	// 					<Select.Option
	// 						value={ {
	// 							id: '3',
	// 							name: 'Option 3',
	// 						} }
	// 					>
	// 						Option 3
	// 					</Select.Option>
	// 				</Select.Options>
	// 			</Select>
	// 			<Select
	// 				label="Maximum Video Preview Length"
	// 				onChange={ () => {} }
	// 				placeholder="Select an option"
	// 				size="md"
	// 			>
	// 				<Select.Button label="Maximum Video Preview Length" />
	// 				<Select.Options dropdownPortalId="surerank-dashboard">
	// 					<Select.Option
	// 						value={ {
	// 							id: '1',
	// 							name: 'Option 1',
	// 						} }
	// 					>
	// 						Option 1
	// 					</Select.Option>
	// 					<Select.Option
	// 						value={ {
	// 							id: '2',
	// 							name: 'Option 2',
	// 						} }
	// 					>
	// 						Option 2
	// 					</Select.Option>
	// 					<Select.Option
	// 						value={ {
	// 							id: '3',
	// 							name: 'Option 3',
	// 						} }
	// 					>
	// 						Option 3
	// 					</Select.Option>
	// 				</Select.Options>
	// 			</Select>
	// 		</div>
	// 	</div>
	// );
};
export default DirectiveTab;
