-- Compiled with roblox-ts v3.0.0
local TS = _G[script]
local _vide = TS.import(script, TS.getModule(script, "@rbxts", "vide").src)
local Vide = _vide
local For = _vide.For
local read = _vide.read
local source = _vide.source
local px = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").px
local options = TS.import(script, script.Parent.Parent.Parent, "store").options
local ScrollingFrame = TS.import(script, script.Parent.Parent, "ui", "scrolling-frame").ScrollingFrame
local HistoryLine = TS.import(script, script.Parent, "history-line").HistoryLine
local function HistoryList(_param)
	local entries = _param.entries
	local size = _param.size
	local position = _param.position
	local scrollingEnabled = _param.scrollingEnabled
	local onContentSizeChanged = _param.onContentSizeChanged
	local ref = source()
	return Vide.jsx(ScrollingFrame, {
		automaticCanvasSize = "Y",
		size = size,
		position = position,
		canvasSize = UDim2.new(),
		action = ref,
		scrollBarColor = function()
			return options().palette.subtext
		end,
		scrollingEnabled = scrollingEnabled,
		scrollBarThickness = function()
			return if read(scrollingEnabled) then 10 else 0
		end,
		scrollingDirection = "Y",
		native = {
			AbsoluteCanvasSizeChanged = function(rbx)
				local frame = ref()
				if frame == nil then
					return nil
				end
				frame.CanvasPosition = Vector2.new(0, rbx.Y)
			end,
		},
	}, Vide.jsx(For, {
		each = function()
			return read(entries)
		end,
	}, function(entry, index)
		return Vide.jsx(HistoryLine, {
			data = entry,
			order = index,
		})
	end), Vide.jsx("uilistlayout", {
		Padding = function()
			return UDim.new(0, px(8))
		end,
		SortOrder = "LayoutOrder",
		AbsoluteContentSizeChanged = function(rbx)
			local _result = onContentSizeChanged
			if _result ~= nil then
				_result = _result(rbx)
			end
			return _result
		end,
	}))
end
return {
	HistoryList = HistoryList,
}