import * as React from 'react' ; import Drawer from '@synerise/ds-drawer' ; import SubtleForm from '@synerise/ds-subtle-form' ; import { ContentProps } from './Content.types' ; import { ContentWrapper , InlineEditWrapper , TagsWrapper } from './Content.style' ; const Content = ( { onFolderSelect , texts , mainContent , descriptionProps = { } , tags , textDescription , onDescriptionChange , } ) => { return ( < Drawer . DrawerBody > < ContentWrapper withFolder = { ! ! onFolderSelect } > { mainContent } < /ContentWrapper> < TagsWrapper > { tags } < /TagsWrapper> { ! ! onDescriptionChange && ( < InlineEditWrapper > < SubtleForm . TextArea minRows = { 3 } onChange = { onDescriptionChange as any } value = { textDescription } placeholder = { texts . placeholder } suffixTooltip = { texts . suffixTooltip } { ... descriptionProps } /> < /InlineEditWrapper>)} < /Drawer.DrawerBody>); } ; export default Content ;