import {
LayoutEight,
LayoutFive,
LayoutFour,
LayoutOne,
LayoutSeven,
LayoutSix,
LayoutThree,
LayoutTwo,
} from "../blocks/taxonomy/layoutIcons";
import {
GridFiveLayoutsEight,
GridFiveLayoutsFive,
GridFiveLayoutsFour,
GridFiveLayoutsNine,
GridFiveLayoutsOne,
GridFiveLayoutsSeven,
GridFiveLayoutsSix,
GridFiveLayoutsThree,
GridFiveLayoutsTwo,
GridFourLayoutsFive,
GridFourLayoutsFour,
GridFourLayoutsOne,
GridFourLayoutsSix,
GridFourLayoutsThree,
GridFourLayoutsTwo,
GridOneLayoutEight,
GridOneLayoutFive,
GridOneLayoutFour,
GridOneLayoutNine,
GridOneLayoutOne,
GridOneLayoutSeven,
GridOneLayoutSix,
GridOneLayoutSixUpdated,
GridOneLayoutThree,
GridThreeLayoutsFour,
GridThreeLayoutsOne,
GridThreeLayoutsThree,
GridThreeLayoutsTwo,
GridSixLayoutsFour,
GridSixLayoutsOne,
GridSixLayoutsThree,
GridSixLayoutsTwo,
TimelineOneLayoutFive,
TimelineOneLayoutFour,
TimelineOneLayoutOne,
TimelineOneLayoutSix,
TimelineOneLayoutTwo,
PostSliderLayoutOne,
PostSliderLayoutTwo,
PostSliderLayoutThree,
// PostSliderLayoutFive,
PostSliderLayoutSix,
TimelineTwoLayoutOne,
TimelineTwoLayoutTwo,
TimelineTwoLayoutFour,
TimelineTwoLayoutFive,
TimelineTwoLayoutSix,
PostThumbnailLayoutSix,
PostThumbnailLayoutFive,
PostThumbnailLayoutFour,
PostThumbnailLayoutThree,
PostThumbnailLayoutTwo,
PostThumbnailLayoutOne,
TimelineThreeLayoutOne,
TimelineThreeLayoutTwo,
ListOneLayoutOne,
ListOneLayoutTwo,
ListOneLayoutThree,
ListOneLayoutFour,
ListOneLayoutFive,
ListOneLayoutSix,
GridThreeLayoutsFive,
PostSliderTwoLayoutOne,
PostSliderTwoLayoutTwo,
PostSliderTwoLayoutThree,
PostListTwoLayoutOne,
PostListTwoLayoutTwo,
PostListTwoLayoutThree,
PostListTwoLayoutFour,
PostListTwoLayoutFive,
PostListTwoLayoutSix,
PostListTwoLayoutSeven,
PostListTwoLayoutEight,
PostListThreeLayoutOne,
PostListThreeLayoutTwo,
PostListThreeLayoutThree,
PostListThreeLayoutFour,
PostListThreeLayoutFive,
PostListThreeLayoutSix,
ThumbnailSliderTwoLayoutOne,
ThumbnailSliderTwoLayoutTwo,
ThumbnailSliderTwoLayoutThree,
ThumbnailSliderTwoLayoutFour,
ThumbnailSliderTwoLayoutFive,
SocialProfilesLayoutOne,
SocialProfilesLayoutTwo,
SocialProfilesLayoutThree,
SocialProfilesLayoutFour,
SocialProfilesLayoutFive,
} from "../icons/layoutIcons";
import {
ContainerColumnTwoLayoutOne,
ContainerColumnTwoLayoutTwo,
ContainerColumnTwoLayoutThree,
ContainerColumnTwoLayoutFour,
ContainerColumnTwoLayoutFive,
ContainerColumnThreeLayoutOne,
ContainerColumnThreeLayoutTwo,
ContainerColumnThreeLayoutThree,
ContainerColumnThreeLayoutFour,
ContainerColumnThreeLayoutFive,
ContainerColumnThreeLayoutSix,
ContainerColumnOneLayoutOne,
ContainerColumnFourLayoutOne,
ContainerColumnFourLayoutTwo,
ContainerColumnFourLayoutThree,
ContainerColumnFiveLayoutOne,
ContainerColumnSixLayoutOne,
ContainerColumnMultiRowLayoutOne,
ContainerColumnMultiRowLayoutTwo,
ContainerColumnMultiRowLayoutThree,
ContainerColumnMultiRowLayoutFour,
ContainerColumnMultiRowLayoutFive,
} from "../blocks/container/containerLayoutIcon";
import { priceLink } from "../blocks/shared/helpFn";
const useLayouts = (blockName, activeLayout) => {
const gridOneLayouts = [
{
icon: ,
value: "grid-one-layout-one",
},
{
icon: ,
value: "grid-one-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-one-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-one-layout-five",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-one-layout-six",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-one-layout-six-updated",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-one-layout-seven",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-one-layout-eight",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-one-layout-nine",
type: "pro",
demoLink: priceLink,
},
];
const gridSixLayouts = [
{
icon: ,
value: "grid-six-layout-one",
},
{
icon: ,
value: "grid-six-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-six-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-six-layout-four",
type: "pro",
demoLink: priceLink,
},
];
const gridThreeLayouts = [
{
icon: ,
value: "grid-three-layout-one",
},
{
icon: ,
value: "grid-three-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-three-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-three-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-three-layout-five",
type: "pro",
demoLink: priceLink,
},
];
const gridFourLayouts = [
{
icon: ,
value: "grid-four-layout-one",
},
{
icon: ,
value: "grid-four-layout-two",
},
{
icon: ,
value: "grid-four-layout-three",
},
{
icon: ,
value: "grid-four-layout-four",
},
{
icon: ,
value: "grid-four-layout-five",
},
{
icon: ,
value: "grid-four-layout-six",
},
];
const gridFiveLayouts = [
{
icon: ,
value: "grid-five-layout-one",
},
{
icon: ,
value: "grid-five-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-five-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-five-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-five-layout-five",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-five-layout-six",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-five-layout-seven",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-five-layout-eight",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "grid-five-layout-nine",
type: "pro",
demoLink: priceLink,
},
];
const listOneLayouts = [
{
icon: ,
value: "list-one-layout-one",
},
{
icon: ,
value: "list-one-layout-two",
// type: "pro",
// demoLink: priceLink,
},
{
icon: ,
value: "list-one-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "list-one-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "list-one-layout-five",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "list-one-layout-six",
type: "pro",
demoLink: priceLink,
},
];
const listTowLayouts = [
{
icon: ,
value: "sp-smart-post-list-two-layout-one",
},
{
icon: ,
value: "sp-smart-post-list-two-layout-two",
},
{
icon: ,
value: "sp-smart-post-list-two-layout-three",
},
{
icon: ,
value: "sp-smart-post-list-two-layout-four",
},
{
icon: ,
value: "sp-smart-post-list-two-layout-five",
},
{
icon: ,
value: "sp-smart-post-list-two-layout-six",
},
{
icon: ,
value: "sp-smart-post-list-two-layout-seven",
},
{
icon: ,
value: "sp-smart-post-list-two-layout-eight",
},
];
const listThreeLayouts = [
{
icon: ,
value: "sp-smart-post-list-three-layout-one",
},
{
icon: ,
value: "sp-smart-post-list-three-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "sp-smart-post-list-three-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "sp-smart-post-list-three-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "sp-smart-post-list-three-layout-five",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "sp-smart-post-list-three-layout-six",
type: "pro",
demoLink: priceLink,
},
];
const timelineOneLayouts = [
{
icon: ,
value: "timeline-one-layout-one",
},
{
icon: ,
value: "timeline-one-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "timeline-one-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "timeline-one-layout-five",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "timeline-one-layout-six",
type: "pro",
demoLink: priceLink,
},
];
const timelineTwoLayouts = [
{
icon: ,
value: "timeline-one-layout-one",
},
{
icon: ,
value: "timeline-one-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "timeline-one-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "timeline-one-layout-five",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "timeline-one-layout-six",
type: "pro",
demoLink: priceLink,
},
];
const timelineThreeLayouts = [
{
icon: ,
value: "timeline-three-layout-one",
},
{
icon: ,
value: "timeline-three-layout-two",
type: "pro",
demoLink: priceLink,
},
];
const postSliderLayouts = [
{
icon: ,
value: "post-slider-layout-one",
},
{
icon: ,
value: "post-slider-layout-two",
type: "pro",
demoLink: priceLink,
},
// {
// icon: ,
// value: 'post-slider-layout-three',
// },
// {
// icon: ,
// value: 'post-slider-layout-four',
// },
{
icon: ,
value: "post-slider-layout-five",
type: "pro",
demoLink: priceLink,
},
];
const postThumbnailLayouts = [
{
icon: ,
value: "thumbnail-slider-layout-one",
},
{
icon: ,
value: "thumbnail-slider-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "thumbnail-slider-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "thumbnail-slider-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "thumbnail-slider-layout-five",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "thumbnail-slider-layout-six",
type: "pro",
demoLink: priceLink,
},
];
const postSliderTwoLayout = [
{
icon: ,
value: "post-slider-two-layout-one",
},
{
icon: ,
value: "post-slider-two-layout-two",
},
{
icon: ,
value: "post-slider-two-layout-three",
},
];
const postThumbnailTwoLayout = [
{
icon: ,
value: "thumbnail-slider-two-layout-one",
},
{
icon: ,
value: "thumbnail-slider-two-layout-two",
},
{
icon: ,
value: "thumbnail-slider-two-layout-three",
},
{
icon: ,
value: "thumbnail-slider-two-layout-four",
},
{
icon: ,
value: "thumbnail-slider-two-layout-five",
},
];
const taxonomyLayouts = [
{
icon: ,
value: "taxonomy-layout-one",
},
{
icon: ,
value: "taxonomy-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "taxonomy-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "taxonomy-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "taxonomy-layout-five",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "taxonomy-layout-six",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "taxonomy-layout-seven",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "taxonomy-layout-eight",
type: "pro",
demoLink: priceLink,
},
];
const containerColumnOneLayouts = [
{
icon: ,
value: "container-column-one-layout-one",
label: "100",
},
];
const containerColumnTwoLayouts = [
{
icon: ,
value: "container-column-two-layout-one",
label: "50/50",
},
{
icon: ,
value: "container-column-two-layout-two",
label: "40/60",
},
{
icon: ,
value: "container-column-two-layout-three",
label: "60/40",
},
{
icon: ,
value: "container-column-two-layout-four",
label: "30/70",
},
{
icon: ,
value: "container-column-two-layout-five",
label: "70/30",
},
];
const containerColumnThreeLayouts = [
{
icon: ,
value: "container-column-three-layout-one",
label: "33/33/33",
},
{
icon: ,
value: "container-column-three-layout-two",
label: "60/20/20",
},
{
icon: ,
value: "container-column-three-layout-three",
label: "20/20/60",
},
{
icon: ,
value: "container-column-three-layout-four",
label: "50/25/25",
},
{
icon: ,
value: "container-column-three-layout-five",
label: "25/25/50",
},
{
icon: ,
value: "container-column-three-layout-six",
label: "20/60/20",
},
];
const containerColumnFourLayouts = [
{
icon: ,
value: "container-column-four-layout-one",
label: "25/25/25/25",
},
{
icon: ,
value: "container-column-four-layout-two",
label: "20/20/20/40",
},
{
icon: ,
value: "container-column-four-layout-three",
label: "40/20/20/20",
},
];
const containerColumnFiveLayouts = [
{
icon: ,
value: "container-column-five-layout-one",
label: "20x5",
},
];
const containerColumnSixLayouts = [
{
icon: ,
value: "container-column-six-layout-one",
label: "16x6",
},
];
const containerColumnMultiRowLayouts = [
{
icon: ,
value: "container-column-multi-row-layout-one",
},
{
icon: ,
value: "container-column-multi-row-layout-two",
},
{
icon: ,
value: "container-column-multi-row-layout-three",
},
{
icon: ,
value: "container-column-multi-row-layout-four",
},
{
icon: ,
value: "container-column-multi-row-layout-five",
},
];
const socialProfilesLayouts = [
{
icon: ,
value: "social-profiles-layout-one",
},
{
icon: ,
value: "social-profiles-layout-two",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "social-profiles-layout-three",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "social-profiles-layout-four",
type: "pro",
demoLink: priceLink,
},
{
icon: ,
value: "social-profiles-layout-five",
type: "pro",
demoLink: priceLink,
},
];
const layouts = {
"post-grid-one": gridOneLayouts,
"post-grid-six": gridSixLayouts,
"post-grid-three": gridThreeLayouts,
"post-grid-four": gridFourLayouts,
"post-grid-five": gridFiveLayouts,
"post-list-one": listOneLayouts,
"post-list-two": listTowLayouts,
"post-list-three": listThreeLayouts,
"post-timeline-one": timelineOneLayouts,
"post-timeline-two": timelineTwoLayouts,
"post-timeline-three": timelineThreeLayouts,
"post-slider": postSliderLayouts,
"post-thumbnail-slider": postThumbnailLayouts,
"post-slider-two": postSliderTwoLayout,
"post-thumbnail-slider-two": postThumbnailTwoLayout,
"thumbnail-slider-two": postThumbnailTwoLayout,
"container-column-1": containerColumnOneLayouts,
"container-column-2": containerColumnTwoLayouts,
"container-column-3": containerColumnThreeLayouts,
"container-column-4": containerColumnFourLayouts,
"container-column-5": containerColumnFiveLayouts,
"container-column-6": containerColumnSixLayouts,
"container-column-multi-row": containerColumnMultiRowLayouts,
"social-profiles": socialProfilesLayouts,
taxonomy: taxonomyLayouts,
};
return layouts[blockName];
};
export default useLayouts;