26 lines
713 B
TypeScript
26 lines
713 B
TypeScript
import React, { forwardRef } from "react";
|
|
|
|
export const Cover = forwardRef(
|
|
({ url, index, faded, style, ...props }, ref) => {
|
|
const inlineStyles = {
|
|
opacity: faded ? "0.2" : "1",
|
|
transformOrigin: "0 0",
|
|
minHeight: index === 0 ? 300 : 300,
|
|
maxWidth: 200,
|
|
gridRowStart: index === 0 ? "span" : null,
|
|
gridColumnStart: index === 0 ? "span" : null,
|
|
backgroundImage: `url("${url}")`,
|
|
backgroundSize: "cover",
|
|
backgroundPosition: "center",
|
|
backgroundColor: "grey",
|
|
border: "1px solid #CCC",
|
|
borderRadius: "10px",
|
|
...style,
|
|
};
|
|
|
|
return <div ref={ref} style={inlineStyles} {...props}></div>;
|
|
},
|
|
);
|
|
|
|
Cover.displayName = "Cover";
|