|
|
@ -1,19 +1,18 @@ |
|
|
|
import React from "react"; |
|
|
|
import React from "react"; |
|
|
|
|
|
|
|
|
|
|
|
const NumOfGuestsEmployees = ({ items }) => { |
|
|
|
const NumOfGuestsEmployees = ({ items }) => { |
|
|
|
console.log(items); |
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className="mt-20 flex flex-col items-center gap-y-4 max-w-[400px] mx-auto bg-white shadow-sm rounded-lg p-3"> |
|
|
|
<div className="mt-20 flex flex-col items-center gap-y-4 max-w-[400px] mx-auto bg-white shadow-sm rounded-lg pt-3"> |
|
|
|
{items.map((row, index) => ( |
|
|
|
{items.map((row, index) => ( |
|
|
|
<div |
|
|
|
<div |
|
|
|
className={`flex flex-row items-center justify-around w-full border-gray-200 pb-3 ${ |
|
|
|
className={`flex flex-row items-center justify-around w-full border-[#9DACD344] pb-3 ${ |
|
|
|
index + 1 < items.length ? "border-b" : "" |
|
|
|
index + 1 < items.length ? "border-b" : "" |
|
|
|
}`}
|
|
|
|
}`}
|
|
|
|
key={index} |
|
|
|
key={index} |
|
|
|
> |
|
|
|
> |
|
|
|
{row.map((item, index) => ( |
|
|
|
{row.map((item, index) => ( |
|
|
|
<div |
|
|
|
<div |
|
|
|
className={`flex flex-col items-center font-bold text-xs border-gray-200 flex-1 ${ |
|
|
|
className={`flex flex-col items-center font-bold text-xs border-[#9DACD344] flex-1 ${ |
|
|
|
index + 1 < row.length ? "border-l" : "" |
|
|
|
index + 1 < row.length ? "border-l" : "" |
|
|
|
}`}
|
|
|
|
}`}
|
|
|
|
> |
|
|
|
> |
|
|
|