local o=require(script.Parent.Parent.Configuration)local A=require(script.Parent.Parent.Utility.ThemeAccessor)local Q=o.RoactAnimate local l=o.Roact local F=l.PureComponent:extend("\077\097\116\101\114\105\097\108\084\101\120\116\070\105\101\108\100")F.defaultProps={AnchorPoint=Vector2.new();ClearTextOnFocus=false,LayoutOrder=0;Size=UDim2.fromScale(1,.15);TextEditable=true;ZIndex=1,Font=Enum.Font.SourceSansBold,AnimationSpeed=1;PlaceholderText="",ErrorText="\069\114\114\111\114";IsErroring=false,IsFocused=false;HelperText="\072\101\108\112\101\114"}function F.init(F,o)F:setState({PlaceholderTextColor3=Q.Value.new(A.new(F,o.IsErroring and"\084\101\120\116\070\105\101\108\100\069\114\114\111\114\067\111\108\111\114"or o.IsFocused and"\084\101\120\116\070\105\101\108\100\079\110\067\111\108\111\114"or"\084\101\120\116\070\105\101\108\100\079\102\102\067\111\108\111\114")),PlaceholderPosition=Q.Value.new(o.IsFocused and UDim2.fromOffset(0,-2)or UDim2.fromScale(0,.5))})F.TextBoxRef=l.createRef()end function F.willUpdate(A,o)local Q={}local l=0 if A.props.Active~=o.Active then end end function F.render(o)local A=o.props.ZIndex return l.createElement("\084\101\120\116\066\111\120",{AnchorPoint=o.props.AnchorPoint,BackgroundTransparency=1,ClearTextOnFocus=false,LayoutOrder=o.props.LayoutOrder,Size=o.props.Size;TextEditable=o.props.TextEditable,Font=Enum.Font.SourceSans,ZIndex=A;[l.Ref]=o.TextBoxRef},{})end
local Configuration = require(script.Parent.Parent.Configuration)
local ThemeAccessor = require(script.Parent.Parent.Utility.ThemeAccessor)

local RoactAnimate = Configuration.RoactAnimate
local Roact = Configuration.Roact

local MaterialTextField = Roact.PureComponent:extend("MaterialTextField")
MaterialTextField.defaultProps = {
	AnchorPoint = Vector2.new(),
	ClearTextOnFocus = false,
	LayoutOrder = 0,
	Size = UDim2.fromScale(1, 0.15),
	TextEditable = true,
	ZIndex = 1,
	Font = Enum.Font.SourceSansBold,

	AnimationSpeed = 1,
	PlaceholderText = "",
	ErrorText = "Error",
	IsErroring = false,
	IsFocused = false,
	HelperText = "Helper",
}

function MaterialTextField:init(props)
	self:setState({
		PlaceholderTextColor3 = RoactAnimate.Value.new(ThemeAccessor.new(self, props.IsErroring and "TextFieldErrorColor" or (props.IsFocused and "TextFieldOnColor" or "TextFieldOffColor"))),
		PlaceholderPosition = RoactAnimate.Value.new(props.IsFocused and UDim2.fromOffset(0, -2) or UDim2.fromScale(0, 0.5)),
		
	})

	self.TextBoxRef = Roact.createRef()
end

function MaterialTextField:willUpdate(NextProps)
	local Animations = {}
	local Length = 0

	if self.props.Active ~= NextProps.Active then
		
	end
end

function MaterialTextField:render()
	local ZIndex = self.props.ZIndex

	return Roact.createElement("TextBox", {
		AnchorPoint = self.props.AnchorPoint,
		BackgroundTransparency = 1,
		ClearTextOnFocus = false,
		LayoutOrder = self.props.LayoutOrder,
		Size = self.props.Size,
		TextEditable = self.props.TextEditable,
		Font = Enum.Font.SourceSans,
		ZIndex = ZIndex,
		[Roact.Ref] = self.TextBoxRef,
	}, {
		
	})
end