ghost-portal/packages/react-components/src/InputConsts/SelectSection.tsx
2022-01-01 09:30:15 +02:00

35 lines
932 B
TypeScript

// Copyright 2017-2022 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { DropdownOptions } from '../util/types';
import type { ConstValueBase, StorageEntryPromise } from './types';
import React from 'react';
import Dropdown from '../Dropdown';
interface Props {
className?: string;
defaultValue?: StorageEntryPromise;
isError?: boolean;
onChange: (value: string) => void;
options: DropdownOptions;
value: ConstValueBase;
}
function SelectSection ({ className = '', defaultValue, isError, onChange, options, value: { section } }: Props): React.ReactElement<Props> {
return (
<Dropdown
className={`ui--DropdownLinked-Sections ${className}`}
defaultValue={defaultValue}
isError={isError}
onChange={onChange}
options={options}
value={section}
withLabel={false}
/>
);
}
export default React.memo(SelectSection);