From fc95e83e704ec054f551bae587a8a6e5bcaf4135 Mon Sep 17 00:00:00 2001 From: eug-vs Date: Fri, 14 Aug 2020 15:36:17 +0300 Subject: feat: create Image and BackgroundImage components --- src/components/Image/BackgroundImage.tsx | 35 ++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 src/components/Image/BackgroundImage.tsx (limited to 'src/components/Image/BackgroundImage.tsx') diff --git a/src/components/Image/BackgroundImage.tsx b/src/components/Image/BackgroundImage.tsx new file mode 100644 index 0000000..824f667 --- /dev/null +++ b/src/components/Image/BackgroundImage.tsx @@ -0,0 +1,35 @@ +import React from 'react'; +import { makeStyles } from '@material-ui/core/styles'; +import Image from './Image'; + +interface PropTypes { + src?: string; + alt?: string; +} + +const useStyles = makeStyles(theme => ({ + root: { + position: 'absolute', + width: '100%', + height: '100%' + }, + image: { + objectFit: 'cover', + pointerEvents: 'none', + width: '100%', + height: '100%' + } +})); + +const BackgroundImage: React.FC = ({ src, alt }) => { + const classes = useStyles(); + + return ( + + {alt} + + ) +} + +export default BackgroundImage; + -- cgit v1.2.3