<template>
  <div class="tab-header">
    <div class="tab-btn clearfix">
      <div class="search-from">
        <slot name="from" />
      </div>
      <div class="search-bth">
        <slot name="btn" />
      </div>
    </div>
  </div>
</template>

<script>
	export default {
		props: {
			search: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				form: {},
				showsearch: false
			}
		},
		mounted() {
		},
		methods: {

		}
	}
</script>

<style lang="scss">
  @import "~@/styles/variables.scss";
	.tab-header {
			background-color: $search-bg;
			padding: 5px 20px;
			margin-bottom: 15px;
			.tab-search{
				padding: 9px 0px;
			}
			.tab-btn{
				.search-from{
          float: left;
          padding-bottom: 10px;
        }
				.search-bth{
          float: right;

        }
			}
			.el-form-item{
				margin-bottom: 0px;
				.el-input__icon,
				.el-form-item__content{
					line-height: 32px;
				}
				.el-input__inner,
				.el-form-item__label{
					height: 36px;
					line-height: 36px;
					color: $text-color;
				}
				.el-select .el-input.is-focus .el-input__inner{
					border-color: $border-color;
				}
			}
			//.el-button{
			//	padding: 8px 20px;
			//	 background-color: $color-primary;
			//	 color: $text-color-inverse;
			//}
			.el-select{
				width: 150px;
			}
		}
</style>
