<script>
export default {
  name: "lemonMessageImage",
  inheritAttrs: false,
  render() {
    return (
      <lemon-message-basic
        class="lemon-message-image"
        props={{ ...this.$attrs }}
        scopedSlots={{
          content: props => <img src={props.content} />
        }}
      />
    );
  }
};
</script>
<style lang="scss" scoped>
.lemon-message-image .lemon-message .lemon-message__content {
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  max-width: 20%;
  min-width: 100px;
  img {
    width: 100%;
    height: auto;
    display: block;
  }
}
</style>
