import React , { forwardRef , HTMLAttributes } from "react" ; import Guide from "./Guide" ; import cl from "classnames" ; export interface GuidePanelProps extends HTMLAttributes < HTMLDivElement > { /**
     * GuidePanel content
     */ children : React . ReactNode ; /**
     * Custom svg/img element
     */ illustration ? : React . ReactNode ; default poster ? : boolean ; } const GuidePanel = forwardRef < HTMLDivElement , GuidePanelProps > ( ( { children , className , illustration , poster = false , color , ... rest } , ref ) => ( < div { ... rest } ref = { ref } className = { cl ( "navds-guide-panel" , className , { "navds-guide-panel--poster" : poster , } ) } > < Guide size = { poster ? "medium" : "small" } illustration = { illustration } / > < div className = "navds-guide-panel__content" > { children } < /div> < /div>)); export default GuidePanel ;