import { useContext } from 'react' ; import styled from 'reshadow' ; import { useStyles } from '@cloudbeaver/core-theming' ; import { Styles } from './styles' ; interface IProps { onClick : ( ) => void ; className ? : string ; } export const ListItem = function ListItem ( { children , onClick , className , } ) { const styles = useContext ( Styles ) ; return styled ( useStyles ( styles ) ) ( < list - item as = "div" className = { className } onClick = { onClick } > { children } < /list-item>); } ;