vitess.io/vitess@v0.16.2/web/vtadmin/src/components/dataTable/DataCell.tsx (about) 1 /** 2 * Copyright 2021 The Vitess Authors. 3 * 4 * Licensed under the Apache License, Version 2.0 (the "License"); 5 * you may not use this file except in compliance with the License. 6 * You may obtain a copy of the License at 7 * 8 * http://www.apache.org/licenses/LICENSE-2.0 9 * 10 * Unless required by applicable law or agreed to in writing, software 11 * distributed under the License is distributed on an "AS IS" BASIS, 12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 * See the License for the specific language governing permissions and 14 * limitations under the License. 15 */ 16 import * as React from 'react'; 17 import cx from 'classnames'; 18 19 interface Props 20 extends React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> {} 21 22 export const DataCell: React.FunctionComponent<Props> = ({ children, className, ...tdProps }) => { 23 return ( 24 <td {...tdProps} className={cx(className, 'font-mono leading-8')}> 25 {children} 26 </td> 27 ); 28 };