Add background frame

Signed-off-by: GitHub <noreply@github.com>

Author: ryanlua

src/Components/Background.luau

@@ -0,0 +1,21 @@
+--!strict
+
+local React = require("../Packages/React")
+local constants = require("../Constants")
+
+local function BackgroundFrame(props: {
+	Size : UDim2,
+	child: () -> (),
+})
+	return React.createElement("Frame", {
+		BackgroundColor3 = constants.theme.backgroundColor,
+		BackgroundTransparency = constants.theme.backgroundTransparency,
+		Size = props.Size,
+	}, {
+		React.createElement("UICorner", {
+			CornerRadius = constants.theme.cornerRadius,
+		}),
+	})
+end
+
+return BackgroundFrame

src/Stories/Background.story.luau

@@ -0,0 +1,17 @@
+--!strict
+
+local React = require("../Packages/React")
+local ReactRoblox = require("../Packages/ReactRoblox")
+
+local Background = require("../Components/Background")
+
+return {
+	summary = "Base background frame",
+	react = React,
+	reactRoblox = ReactRoblox,
+	story = function()
+		return React.createElement(Background, {
+			Size = UDim2.new(0, 200, 0, 200),
+		})
+	end,
+}