github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/components/select/select.tsx (about) 1 // Copyright 2019 The Cockroach Authors. 2 // 3 // Use of this software is governed by the Business Source License 4 // included in the file licenses/BSL.txt. 5 // 6 // As of the Change Date specified in that file, in accordance with 7 // the Business Source License, use of this software will be governed 8 // by the Apache License, Version 2.0, included in the file 9 // licenses/APL.txt. 10 11 import * as React from "react"; 12 import { default as AntSelect, SelectProps as AntSelectProps } from "antd/es/select"; 13 import cn from "classnames"; 14 15 import "./select.styl"; 16 17 interface SelectProps extends AntSelectProps { 18 children: React.ReactNode; 19 display?: "default" | "link"; 20 } 21 22 export function Select(props: SelectProps) { 23 const { display } = props; 24 const classNames = cn( 25 "select", 26 { 27 "select--type-link": display === "link", 28 }); 29 30 return ( 31 <AntSelect {...props} className={classNames}> 32 {props.children} 33 </AntSelect> 34 ); 35 } 36 37 Select.Option = AntSelect.Option; 38 39 Select.defaultProps = { 40 display: "default", 41 };