MainContainerComponent class

MainContainerComponent - A container widget with customizable dimensions, margins, and background color.

This component adapts its width and height based on the specified fractions of the screen size. It also allows for custom margins and provides a background color for the container.

Parameters:

• options (MainContainerComponentOptions): Configuration options to customize the container.

Example Usage:

MainContainerComponent(
  options: MainContainerComponentOptions(
    backgroundColor: Colors.blue,
    children: [
      Text("Sample Text"),
    ],
    containerWidthFraction: 0.9,
    containerHeightFraction: 0.5,
    marginLeft: 15,
    marginRight: 15,
    marginTop: 10,
    marginBottom: 10,
  ),
);

Notes:

• MainContainerComponent uses the Stack widget to allow layered child widgets.
• The component adjusts to screen size changes by recalculating width and height based on the fractions provided.