aico-image-editor/src/getImages.js

Combine multiple image into and create single combined image

// product images
import gr6InnerImage from '../images/gr-6/product-gr6-inner.svg';

// object controls
import rotationImage from '../images/rotate.svg';
import removeImage from '../images/remove.svg';
import sizeDownImage from '../images/size-down.svg';
import sizeUpImage from '../images/size-up.svg';

import cropTopLeftImage from '../images/crop-top-left.svg';
import cropTopRightImage from '../images/crop-top-right.svg';
import cropBottomLeftImage from '../images/crop-bottom-left.svg';
import cropBottomRightImage from '../images/crop-bottom-right.svg';

import cropMiddleLeftImage from '../images/crop-middle-left.svg';
import cropMiddleTopImage from '../images/crop-middle-top.svg';


//backgrounds

import background7 from '../images/backgrounds/maskgroup7.png';
import background8 from '../images/backgrounds/maskgroup8.png';
import background6 from '../images/backgrounds/maskgroup6.png';
import background9 from '../images/backgrounds/maskgroup9.png';
import background10 from '../images/backgrounds/maskgroup10.png';
import background12 from '../images/backgrounds/maskgroup12.png';
import background13 from '../images/backgrounds/maskgroup13.png';
import background14 from '../images/backgrounds/reddesignbg.jpg';


// shapes

import shape1 from '../images/shapes/shape-1.svg';
import shape2 from '../images/shapes/shape-2.svg';
import shape3 from '../images/shapes/shape-3.svg';
import shape4 from '../images/shapes/shape-4.svg';
import shape5 from '../images/shapes/shape-5.svg';
import shape6 from '../images/shapes/shape-6.svg';
import shape7 from '../images/shapes/shape-7.svg';
import shape8 from '../images/shapes/shape-8.svg';
import shape9 from '../images/shapes/shape-9.svg';
import shape10 from '../images/shapes/shape-10.svg';
import shape11 from '../images/shapes/shape-11.svg';
import shape12 from '../images/shapes/shape-12.svg';


// to check path of imported asset(which is image here) from js
//console.log(background7)

export function getProductImages() {
    return {
        gr6InnerImage: gr6InnerImage,
       
    }
} 


export function getObjectControlImages() {
    return {
        rotationImage: rotationImage,
        removeImage: removeImage,
        sizeDownImage: sizeDownImage,
        sizeUpImage: sizeUpImage,
        cropTopLeftImage: cropTopLeftImage,
        cropTopRightImage: cropTopRightImage,
        cropBottomLeftImage: cropBottomLeftImage,
        cropBottomRightImage: cropBottomRightImage,
        cropMiddleLeftImage: cropMiddleLeftImage,
        cropMiddleTopImage: cropMiddleTopImage,

    }
}

export function getBackgrounds() {
    return {
        background7: background7,
        background8: background8,
        background6: background6,
        background9: background9,
        background10: background10,
        background12: background12,
        background13: background13,
        background14: background14
    }
}

export function getShapes() {
    return {
        shape1: shape1,
        shape2: shape2,
        shape3: shape3,
        shape4: shape4,
        shape5: shape5,
        shape6: shape6,
        shape7: shape7,
        shape8: shape8,
        shape9: shape9,
        shape10: shape10,
        shape11: shape11,
        shape12: shape12,
    }
}

export const productPictures = {
    mainPictures: [], 
    subPictures: []
}