import { View } from "react-native";
import { useThemeStore } from "../stores/ThemeStore";
import { ReactNode } from "react";

type BaseBackgroundProps = {
  children?: ReactNode;
  className?: string;
};

const BaseBackground = (props: BaseBackgroundProps) => {
  const { theme } = useThemeStore();
  return (
    <View
      className={`h-full ${props.className}`}
      style={{
        backgroundColor: theme.primeBg,
      }}
    >
      {props.children}
    </View>
  );
};

export default BaseBackground;