import type { ScaleCopiesSliderProps } from "@/widgets/generators/scale-copies-slider"

export const scaleCopiesSliderExamples: ScaleCopiesSliderProps[] = [
	{
		type: "scaleCopiesSlider",
		width: 420,
		height: 320,
		shapeA: {
			after: {
				width: 300,
				height: 300
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 400,
				height: 400
			}
		},
		shapeB: {
			after: {
				width: 300,
				height: 450
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 300,
				height: 300
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 460,
		height: 340,
		shapeA: {
			after: {
				width: 500,
				height: 500
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 500,
				height: 500
			}
		},
		shapeB: {
			after: {
				width: 500,
				height: 500
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 500,
				height: 500
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 480,
		height: 360,
		shapeA: {
			after: {
				width: 360,
				height: 490
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 470,
				height: 490
			}
		},
		shapeB: {
			after: {
				width: 360,
				height: 360
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 360,
				height: 360
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 460,
		height: 360,
		shapeA: {
			after: {
				width: 380,
				height: 320
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 400,
				height: 320
			}
		},
		shapeB: {
			after: {
				width: 320,
				height: 320
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 320,
				height: 320
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 420,
		height: 360,
		shapeA: {
			after: {
				width: 300,
				height: 370
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 300,
				height: 300
			}
		},
		shapeB: {
			after: {
				width: 400,
				height: 400
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 300,
				height: 300
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 480,
		height: 360,
		shapeA: {
			after: {
				width: 450,
				height: 450
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 300,
				height: 300
			}
		},
		shapeB: {
			after: {
				width: 460,
				height: 500
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 300,
				height: 460
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 480,
		height: 320,
		shapeA: {
			after: {
				width: 300,
				height: 300
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 300,
				height: 300
			}
		},
		shapeB: {
			after: {
				width: 300,
				height: 300
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 300,
				height: 300
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 480,
		height: 360,
		shapeA: {
			after: {
				width: 300,
				height: 300
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 360,
				height: 300
			}
		},
		shapeB: {
			after: {
				width: 317.5,
				height: 345
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 360,
				height: 300
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 440,
		height: 320,
		shapeA: {
			after: {
				width: 300,
				height: 300
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 400,
				height: 300
			}
		},
		shapeB: {
			after: {
				width: 400,
				height: 300
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 400,
				height: 300
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 480,
		height: 360,
		shapeA: {
			after: {
				width: 349,
				height: 383
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 310,
				height: 360
			}
		},
		shapeB: {
			after: {
				width: 360,
				height: 480
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 360,
				height: 480
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 480,
		height: 360,
		shapeA: {
			after: {
				width: 320,
				height: 320
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 320,
				height: 320
			}
		},
		shapeB: {
			after: {
				width: 400,
				height: 400
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 320,
				height: 320
			}
		}
	},
	{
		type: "scaleCopiesSlider",
		width: 480,
		height: 320,
		shapeA: {
			after: {
				width: 470,
				height: 480
			},
			color: "#9AB8ED",
			label: "Shape A",
			before: {
				width: 400,
				height: 480
			}
		},
		shapeB: {
			after: {
				width: 425,
				height: 480
			},
			color: "#9BEDCE",
			label: "Shape B",
			before: {
				width: 400,
				height: 480
			}
		}
	}
]