vol discount table has optional values

This commit is contained in:
James Ritchie
2023-12-01 15:12:17 +00:00
parent 7e4cb7f310
commit 286fc19601
@@ -1,12 +1,18 @@
import { Header2 } from "../primitives/Headers";
import { Paragraph } from "../primitives/Paragraph";
export function RunsVolumeDiscountTable() {
export function RunsVolumeDiscountTable({
className,
hideHeader = false,
}: {
className?: string;
hideHeader?: boolean;
}) {
const runsVolumeDiscountRow =
"flex justify-between whitespace-nowrap border-b gap-16 border-border last:pb-0 last:border-none py-2";
return (
<div>
<Header2 className="mb-2">Runs volume discount</Header2>
<div className={className}>
{hideHeader ? null : <Header2 className="mb-2">Runs volume discount</Header2>}
<ul>
<li className={runsVolumeDiscountRow}>
<Paragraph variant="small">First 10k/mo</Paragraph>