import React from 'react' ; import Sidebar from './Sidebar' ; import SidebarRightStyles from './SidebarRightStyles' ; import SidebarRightNotes from './SidebarRightNotes' ; import SidebarRightInput from './SidebarRightInput' ; interface SidebarRightProps { ready : boolean ; selection : next . AppLayer | null ; images : next . ImgAsset [ ] ; svgs : next . SvgAsset [ ] ; notes : next . Note [ ] ; composing : boolean ; setNotes ( notes ) : void ; } const SidebarRight = ( props ) => { const { selection , ready , images , svgs , notes , setNotes , composing } = props ; return ( < Sidebar side = 'right' > < SidebarRightStyles selection = { selection } images = { images } svgs = { svgs } / > < SidebarRightNotes selection = { selection } notes = { notes } setNotes = { setNotes } composing = { composing } / > { composing && ready ? < SidebarRightInput selection = { selection } notes = { notes } setNotes = { setNotes } / > : null } < /Sidebar>); } ; export default SidebarRight ;