-- Compiled with roblox-ts v1.3.2
local TS = _G[script]
local Hooks = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooks").src)
local Labels = TS.import(script, script.Parent, "labels").default
local Provider = TS.import(script, script.Parent.Parent, "components", "provider").default
local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
local Rodux = TS.import(script, TS.getModule(script, "@rbxts", "rodux").src)
local StoryReducer = TS.import(script, script.Parent, "story-reducer").default
local TextModifier = TS.import(script, script.Parent, "text-modifier").default
local ValueModifier = TS.import(script, script.Parent, "value-modifier").default
local Component = function(_, hooks)
	local store = hooks.useValue(Rodux.Store.new(StoryReducer, nil)).value
	return Roact.createElement(Provider, {
		store = store,
	}, {
		MainFrame = Roact.createElement("Frame", {
			AnchorPoint = Vector2.new(0.5, 0.5),
			AutomaticSize = Enum.AutomaticSize.XY,
			BackgroundTransparency = 1,
			Position = UDim2.fromScale(0.5, 0.5),
			Size = UDim2.new(),
		}, {
			UIListLayout = Roact.createElement("UIListLayout", {
				FillDirection = Enum.FillDirection.Vertical,
				HorizontalAlignment = Enum.HorizontalAlignment.Center,
				Padding = UDim.new(0, 5),
				SortOrder = Enum.SortOrder.LayoutOrder,
				VerticalAlignment = Enum.VerticalAlignment.Center,
			}),
			Labels = Roact.createElement(Labels, {
				LayoutOrder = 0,
			}),
			TextModifier = Roact.createElement(TextModifier, {
				LayoutOrder = 1,
			}),
			ValueModifier = Roact.createElement(ValueModifier, {
				LayoutOrder = 2,
			}),
		}),
	})
end
local App = Hooks.new(Roact)(Component, {
	componentType = "PureComponent",
	name = "App",
})
local default = App
return {
	App = App,
	default = default,
}