local p=require(script.Parent.Parent.Configuration)local m=require(script.Parent.Shadow)local O=require(script.Parent.Parent.Utility.ThemeAccessor)local j=p.Roact local q=p.RoactAnimate local f=j.Component:extend("\077\097\116\101\114\105\097\108\067\097\114\100")function f.render(p)return j.createElement(q.Frame,{BackgroundTransparency=1;ZIndex=p.props.ZIndex;Size=p.props.Size,AnchorPoint=p.props.AnchorPoint,Position=p.props.Position},{Container=j.createElement(q.Frame,{BackgroundColor3=O.Get(p,"\066\097\099\107\103\114\111\117\110\100\067\111\108\111\114"),BorderSizePixel=0,Size=UDim2.fromScale(1,1);ZIndex=2,ClipsDescendants=true},p.props[j.Children]);Shadow=j.createElement(m,{Elevation=p.props.Elevation,ZIndex=1})})end return f
local Configuration = require(script.Parent.Parent.Configuration)
local Shadow = require(script.Parent.Shadow)
local ThemeAccessor = require(script.Parent.Parent.Utility.ThemeAccessor)

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

local Card = Roact.Component:extend("MaterialCard")

function Card:render()
	return Roact.createElement(RoactAnimate.Frame, {
		BackgroundTransparency = 1,
		ZIndex = self.props.ZIndex,
		Size = self.props.Size,
		AnchorPoint = self.props.AnchorPoint,
		Position = self.props.Position,
	}, {
		Container = Roact.createElement(RoactAnimate.Frame, {
			BackgroundColor3 = ThemeAccessor.Get(self, "BackgroundColor"),
			BorderSizePixel = 0,
			Size = UDim2.fromScale(1, 1),
			ZIndex = 2,
			ClipsDescendants = true,
		}, self.props[Roact.Children]),

		Shadow = Roact.createElement(Shadow, {
			Elevation = self.props.Elevation,
			ZIndex = 1,
		}),
	})
end

return Card
