import { View } from "@tarojs/components";
import React, { CSSProperties, ReactNode } from "react";
import OuiSafeArea from "@/components/oui-safearea/oui-safearea";
import styles from "./oui-footer.module.scss";

interface OuiFooterProps {
  children?: ReactNode;
  style?: CSSProperties;
}

function OuiFooter({ children, style }: OuiFooterProps) {
  const componentStyle = (): CSSProperties => {
    return {
      backgroundColor: "#ffffff",
      padding: "16px",
    };
  };
  return (
    <View
      className={styles.component}
      style={{ ...componentStyle(), ...style }}
    >
      {children}
      <OuiSafeArea />
    </View>
  );
}

export default OuiFooter;