import React, { PureComponent } from "react";
import { View, ScrollView, StyleSheet } from "react-native";
import { Text } from "./Text";
import { TEXT_BLUEGREY } from "../colours";
class EmptyStateWidget extends PureComponent {
  renderPlaceHolder(opacity = 1) {
    return /*#__PURE__*/React.createElement(View, {
      style: [styles.item, {
        opacity
      }]
    });
  }
  render() {
    return /*#__PURE__*/React.createElement(View, {
      style: [styles.container, this.props.height && {
        height: this.props.height
      }, this.props.style]
    }, /*#__PURE__*/React.createElement(Text, {
      style: styles.titleText
    }, this.props.title || "Nothing to see here"), /*#__PURE__*/React.createElement(ScrollView, {
      horizontal: true,
      style: styles.itemContainer
    }, this.renderPlaceHolder(0.8), this.renderPlaceHolder(0.6), this.renderPlaceHolder(0.4), this.renderPlaceHolder(0.2)));
  }
}
const styles = StyleSheet.create({
  container: {
    borderRadius: 5,
    paddingVertical: 5
  },
  titleText: {
    fontFamily: "qs-bold",
    fontSize: 16,
    color: TEXT_BLUEGREY
  },
  itemContainer: {
    marginTop: 20
  },
  item: {
    borderRadius: 4,
    width: 97,
    height: 98,
    backgroundColor: "#e6ebef",
    marginRight: 17
  }
});
export default EmptyStateWidget;
//# sourceMappingURL=EmptyStateWidget.js.map