// 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;