import { Message } from '@botonic/webchat-react'
import React from 'react'

export interface <%= className %>Props {
  // Add your custom props here
  children?: React.ReactNode
}

export const <%= className %>: React.FC<<%= className %>Props> = (props: any) => {
  return (
    <Message>
      <div>
        <p><%= className %> — customize this component</p>
        {props.children}
      </div>
    </Message>
  )
}