<script>
// @flow
/** @jsx h */

export default {
  name: 'TaoContainer',
  functional: true,
  props: {
    tag: {
      type: String,
      default: 'div',
    },
  },
  render(h: Function, { props, data, children }: Functional) {
    const CustomTag = props.tag;

    return (
      <CustomTag
        {...data}
        class="tao__container">
        {children}
      </CustomTag>
    );
  },
};
</script>
