import {
  createStyles
} from "./chunk-TMHRKE3Z.mjs";

// tmp-babel/notifications/native/NotificationsList/EmptyState/index.js
import { BellIcon } from "@baseapp-frontend/design-system/components/native/icons";
import { Text } from "@baseapp-frontend/design-system/components/native/typographies";
import { View } from "@baseapp-frontend/design-system/components/native/views";
import { useTheme } from "@baseapp-frontend/design-system/providers/native";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var EmptyState = function EmptyState2() {
  var theme = useTheme();
  var styles = createStyles(theme);
  return /* @__PURE__ */ _jsxs(View, {
    style: styles.container,
    children: [/* @__PURE__ */ _jsx(BellIcon, {
      isActive: true,
      width: 32,
      height: 32
    }), /* @__PURE__ */ _jsxs(View, {
      style: styles.text,
      children: [/* @__PURE__ */ _jsx(Text, {
        variant: "subtitle2",
        children: "You don\u2019t have notifications."
      }), /* @__PURE__ */ _jsx(Text, {
        style: styles.subText,
        variant: "caption",
        children: "Your future notifications will be shown here."
      })]
    })]
  });
};
var EmptyState_default = EmptyState;

export {
  EmptyState_default
};
//# sourceMappingURL=chunk-KJ65J36L.mjs.map