2021-04-15 08:49:56 +02:00
|
|
|
import { Nitro } from 'nitro-renderer';
|
2021-04-14 20:24:24 +02:00
|
|
|
import { HotelViewProps } from './HotelView.types';
|
|
|
|
|
|
|
|
export function HotelView(props: HotelViewProps): JSX.Element
|
|
|
|
{
|
2021-04-15 08:49:56 +02:00
|
|
|
const backgroundColor = Nitro.instance.getConfiguration('hotelview.images')['background.colour'];
|
|
|
|
const background = Nitro.instance.core.configuration.interpolate(Nitro.instance.getConfiguration('hotelview.images')['background']);
|
|
|
|
const sun = Nitro.instance.core.configuration.interpolate(Nitro.instance.getConfiguration('hotelview.images')['sun']);
|
|
|
|
const drape = Nitro.instance.core.configuration.interpolate(Nitro.instance.getConfiguration('hotelview.images')['drape']);
|
|
|
|
const left = Nitro.instance.core.configuration.interpolate(Nitro.instance.getConfiguration('hotelview.images')['left']);
|
|
|
|
const rightRepeat = Nitro.instance.core.configuration.interpolate(Nitro.instance.getConfiguration('hotelview.images')['right.repeat']);
|
|
|
|
const right = Nitro.instance.core.configuration.interpolate(Nitro.instance.getConfiguration('hotelview.images')['right']);
|
|
|
|
|
2021-04-14 20:24:24 +02:00
|
|
|
return (
|
2021-04-15 08:49:56 +02:00
|
|
|
<div className="nitro-hotel-view" style={ (backgroundColor && backgroundColor) ? { background: backgroundColor } : {} }>
|
|
|
|
<div className="background position-absolute" style={ (background && background.length) ? { backgroundImage: `url(${ background })` } : {} } />
|
|
|
|
<div className="sun position-absolute" style={ (sun && sun.length) ? { backgroundImage: `url(${ sun })` } : {} } />
|
|
|
|
<div className="drape position-absolute" style={ (drape && drape.length) ? { backgroundImage: `url(${ drape })` } : {} } />
|
|
|
|
<div className="left position-absolute" style={ (left && left.length) ? { backgroundImage: `url(${ left })` } : {} } />
|
|
|
|
{/* <div className="right-repeat position-absolute" style={ (rightRepeat && rightRepeat.length) ? { backgroundImage: `url(${ rightRepeat })` } : {} } />
|
|
|
|
<div className="right position-absolute" style={ (right && right.length) ? { backgroundImage: `url(${ right })` } : {} } /> */}
|
|
|
|
</div>
|
2021-04-14 20:24:24 +02:00
|
|
|
);
|
|
|
|
}
|