import * as React from "react";
import { Text } from "@ui-kitten/components";
import { useModel } from "flooks";

export default function EmptyComponent() {
  const { nothingTips } = useModel("wordsModel");
  return (
    <Text
      category="h1"
      status="info"
      style={{
        textAlign: "center",
        backgroundColor: "transparent",
        paddingVertical: 20,
      }}
    >
      {nothingTips}
    </Text>
  );
}