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

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

    return (
      <CustomTag
        {...data}
        class={{
          'tao__card-box bg-white rounded shadow-large pt-2 pb-3 px-4 border-thin-default': true,
        }}>
        {children}
      </CustomTag>
    );
  },
};
</script>
