scripts/extensions/videoEditor/src/Dropdown/QualityLabel.tsx
import * as React from 'react';
import {IDropdownLabel} from '../interfaces';
export class QualityLabel extends React.PureComponent<IDropdownLabel> {
render() {
const value = this.props.selectedItem?.value ? this.props.selectedItem?.label : 'Same';
const {getClass} = this.props;
return (
<button
className={`dropdown__toggle dark-ui dropdown-toggle ${getClass?.('dropdown__caret')}`}
aria-haspopup="true"
aria-expanded="false"
onClick={this.props.onClick}
sd-tooltip={this.props.title}
>
{this.props.gettext?.(value)}
<span className="dropdown__caret dropdown__caret--white" />
</button>
);
}
}