import { css } from "@emotion/react"
import styled from "@emotion/native"
import { View } from "react-native"
import {ContainerProps} from './interface'

import { Theme } from "@mui/material";


export const bodySectionWrapperStyle = (theme: Theme) => {
  return css`
  position: absolute;
  width: var(--ImpaktApps-canvas-body-width, 100%);
  left: var(--ImpaktApps-canvas-body-left, 0);
  top: var(--ImpaktApps-canvas-body-top, 0);
  height: var(--ImpaktApps-canvas-body-height);
   
`
};



export const Container = styled(View)<ContainerProps>(({ background }) => ({
  // position: "absolute",
  // width: "100%", // Replacing `--ImpaktApps-canvas-body-width` with 100% or dynamic logic if needed
  // left: 0,       
  // top: 0,        
  // height: "100%", 
  // backgroundColor: background,
}))
