{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/ImageRatio-vZGL.js@AhnWUrJsp1LFEmzgHim2", "ssg:https://framerusercontent.com/modules/IBuM1oyP2SDRf5gB4dOo/PCF7cyskq7NMmPnI6NsK/LatestNewItem.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function ImageRatio({ratio,image,objectFit,imageHeight}){// This is a React component containing an Example component\n// - Replace <Example /> with your own code\n// - Find inspiration: https://www.framer.com/developers/\nreturn /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",paddingTop:imageHeight?0:`${ratio}%`,height:imageHeight||\"100%\"},children:/*#__PURE__*/_jsx(\"img\",{style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",objectFit:objectFit},...image})});}addPropertyControls(ImageRatio,{ratio:{type:ControlType.Number,defaultValue:56.25},image:{type:ControlType.ResponsiveImage},objectFit:{type:ControlType.Enum,options:[\"cover\",\"contain\"],defaultValue:\"cover\"},imageHeight:{type:ControlType.String,defaultValue:\"\"}})// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\n;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageRatio\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageRatio.map", "// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import ImageRatio from\"https://framer.com/m/ImageRatio-vZGL.js@AhnWUrJsp1LFEmzgHim2\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function LatestNewItem({image,title,time=Date.now(),category,titleColor,footerColor,imageHeight,border}){const{top,right,bottom,left}=border;const[isHover,setIsHover]=useState(false);return /*#__PURE__*/_jsxs(\"div\",{onMouseEnter:()=>setIsHover(true),onMouseLeave:()=>setIsHover(false),style:{fontFamily:\"Inter, san-serif\",cursor:\"pointer\",borderTop:top?\"1px solid #6893ff\":\"none\",borderBottom:bottom?\"1px solid #6893ff\":\"none\",borderRight:right?\"1px solid #6893ff\":\"none\",borderLeft:left?\"1px solid #6893ff\":\"none\",display:\"flex\",flexDirection:\"column\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",opacity:isHover?.5:1,transition:\"all .3s ease-in-out\"},children:/*#__PURE__*/_jsx(ImageRatio,{imageHeight:imageHeight,image:image,ratio:100})}),/*#__PURE__*/_jsxs(\"div\",{style:{padding:\"20px\",display:\"flex\",flexDirection:\"column\",borderTop:\"1px solid #6893ff\",flexGrow:1,height:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{flexGrow:1},children:/*#__PURE__*/_jsx(\"p\",{style:{margin:0,fontFamily:\"Noto Serif\",fontSize:\"20px\",color:titleColor,overflow:\"hidden\",display:\"-webkit-box\",WebkitLineClamp:4,lineClamp:4,WebkitBoxOrient:\"vertical\",marginBottom:\"24px\"},children:title})}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",textTransform:\"uppercase\",fontSize:\"12px\",color:footerColor},children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0},children:new Date(time).toLocaleDateString()}),category&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"span\",{style:{paddingLeft:\"4px\",paddingRight:\"4px\"},children:\"\u2022\"}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0},children:category})]})]})]})]});}addPropertyControls(LatestNewItem,{title:{type:ControlType.String,defaultValue:\"\"},category:{type:ControlType.String,defaultValue:\"\"},image:{type:ControlType.ResponsiveImage},time:{type:ControlType.Date,defaultValue:Date.now()},titleColor:{type:ControlType.Color,defaultValue:\"#fff\"},footerColor:{type:ControlType.Color,defaultValue:\"#8bacff\"},imageHeight:{type:ControlType.String},border:{type:ControlType.Object,controls:{top:{type:ControlType.Number,defaultValue:1},right:{type:ControlType.Number,defaultValue:1},bottom:{type:ControlType.Number,defaultValue:1},left:{type:ControlType.Number,defaultValue:1}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LatestNewItem\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LatestNewItem.map"],
  "mappings": "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",
  "names": ["ImageRatio", "ratio", "image", "objectFit", "imageHeight", "p", "addPropertyControls", "ControlType", "LatestNewItem", "image", "title", "time", "category", "titleColor", "footerColor", "imageHeight", "border", "top", "right", "bottom", "left", "isHover", "setIsHover", "ye", "u", "p", "ImageRatio", "l", "addPropertyControls", "ControlType"]
}