You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

27 lines
648 B

import React, { useState } from "react";
import CardTrelloDesign from "./CardTrelloDesign";
import ProcessCard from "./ProcessCard";
function CardDesgin() {
const list = {
1: <CardTrelloDesign />,
2: <ProcessCard />,
};
const [type, setType] = useState(1);
return (
<div className="w-full flex flex-col items-center">
<select
className="mb-10 w-20 bg-gray-200"
onChange={(e) => setType(e.target.value)}
>
{Object.keys(list).map((option, index) => (
<option key={index}>{option}</option>
))}
</select>
{list[type]}
</div>
);
}
export default CardDesgin;