mango-ui-v3/components/mobile/MobileTableHeader.tsx

22 lines
499 B
TypeScript

type MobileTableHeaderProps = {
colOneHeader: string
colTwoHeader: string
colThreeHeader?: string | null
}
const MobileTableHeader = ({
colOneHeader,
colTwoHeader,
colThreeHeader = null,
}: MobileTableHeaderProps) => {
return (
<div className="flex justify-between pb-2 pl-4 pr-12 text-xs text-th-fgd-3">
<div>{colOneHeader}</div>
<div>{colTwoHeader}</div>
{colThreeHeader ? <div>{colThreeHeader}</div> : null}
</div>
)
}
export default MobileTableHeader