import React from 'react' ; import styled from 'styled-components' ; import { EditorModel } from '../EditorModel' ; import PictureBtn from './PictureBtn' ; import StickerBtn from './StickerBtn' ; import ClearBtn from './ClearBtn' ; import PreviewBtn from './PreviewBtn' ; import SendBtn from './SendBtn' ; const WrapperDiv = styled . div `
  display: flex;
  justify-content: space-between;
` ; const WrapperToolBox = styled . div `
  display: flex;
  flex-direction: column;
` ; interface Props { editor : EditorModel ; onSendCallback : ( ) => void ; } export default ( { editor , onSendCallback } ) => ( < WrapperToolBox > < WrapperDiv > < div > < PictureBtn editor = { editor } / > < StickerBtn editor = { editor } /> < /div> < div > < ClearBtn editor = { editor } /> < PreviewBtn editor = { editor } / > < SendBtn editor = { editor } onSendCallback = { onSendCallback } / > < /div> < /WrapperDiv> < /WrapperToolBox>);