const typeColors = [
	{
		name: "string",
		typeStyle: { background: "#3e5ca0", color: "#fff" },
		viewStyle: {
			background: "#1e87b6",
			color: "#fff",
			padding: "3px 5px",
			borderRadius: "3px",
		},
	},
	{
		name: "date",
		typeStyle: { background: "#3e5ca0", color: "#fff" },
		viewStyle: {
			background: "#1e87b6",
			color: "#fff",
			padding: "3px 5px",
			borderRadius: "3px",
		},
	},
	{
		name: "dateTime",
		typeStyle: { background: "#3e5ca0", color: "#fff" },
		viewStyle: {
			background: "#1e87b6",
			color: "#fff",
			padding: "3px 5px",
			borderRadius: "3px",
		},
	},
	{
		name: "boolean",
		typeStyle: { background: "#3e5ca0", color: "#fff" },
		viewStyle: {
			background: "#1e87b6",
			color: "#fff",
			padding: "3px 5px",
			borderRadius: "3px",
		},
	},
	{
		name: "number",
		typeStyle: { background: "#ff7519", color: "#fff" },
		viewStyle: {
			background: "#1e87b6",
			color: "#fff",
			padding: "3px 5px",
			borderRadius: "3px",
		},
	},
	{
		name: "func",
		typeStyle: { background: "#3e5ca0", color: "#fff" },
		viewStyle: {
			color: "#871ab3",
			padding: "3px 5px",
		},
	},
];

export default typeColors;