add gs

RCCService2018/content/internal/AppShell/Modules/Shell/Components/Common/SplitViewLR.lua

@@ -0,0 +1,54 @@
+--[[
+		Creates a Roact component provides a left and a right view
+		Props:
+			Bias : number (0 - 1) - The bias for the size of left view vs the right view
+			LeftView : Roact.Component - The left roact element that will be a child of the SplitView
+			RightView : Roact.Component - The right roact element that will be a child of the SplitView
+			Divider : Roact.Component - The divide roact element that will divide the two sides.
+]]
+local Modules = game:GetService("CoreGui").RobloxGui.Modules
+
+local Roact = require(Modules.Common.Roact)
+
+
+local SplitViewLR = Roact.Component:extend("SplitViewLR")
+
+function SplitViewLR:init()
+end
+
+function SplitViewLR:render()
+	local props = self.props
+	local bias = props.Bias
+	self.leftView = props.LeftView
+	self.rightView = props.RightView
+	self.divider = props.Divider
+
+	return Roact.createElement("Frame",
+	{
+		Size = UDim2.new(1,0,1,0),
+		BackgroundTransparency = 1,
+	},{
+		LeftFrame = Roact.createElement("Frame",
+		{
+			Size = UDim2.new(bias,0,1,0),
+			Position = UDim2.new(0,0,0,0),
+			BackgroundTransparency = 1,
+		},{Left = self.leftView}),
+		Divider = Roact.createElement("Frame",
+		{
+			Size = UDim2.new(0,0,0,0),
+			Position = UDim2.new(bias,0,0,0),
+			BackgroundTransparency = 1,
+		},{Divider = self.divider}),
+		RightFrame = Roact.createElement("Frame",
+		{
+			Size = UDim2.new(1-bias,0,1,0),
+			Position = UDim2.new(bias,0,0,0),
+			BackgroundTransparency = 1,
+		},{
+			Right = self.rightView
+		}),
+	})
+end
+
+return SplitViewLR