import { FunctionComponent } from "preact" ; import styles from "./wrapper.module.css" ; interface props { title : string ; icon ? : string ; SVG ? : any ; className ? : string ; } export const WidgetWrapper = ( { children , title , icon , SVG , className , } ) => ( < div className = { [ className , styles . wrapper ] . join ( " " ) } > < div class = { styles . info_bar } > < div class = { styles . title } > < div className = { styles . icon } > { SVG ? < SVG size = "15" / > : icon && < img src = { icon } alt = { title } / > } < /div> < span > { title } < /span> < /div> < div class = { styles . menu } > < svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" viewBox = "0 0 24 24" fill = "none" stroke = "currentColor" stroke - width = "1" stroke - linecap = "round" stroke - linejoin = "round" class = "feather feather-more-horizontal" > < circle cx = "12" cy = "12" r = "1" > < /circle> < circle cx = "19" cy = "12" r = "1" > < /circle> < circle cx = "5" cy = "12" r = "1" > < /circle> < /svg> < /div> < /div> { children } < /div>);