; export const CTA = ({title, subtitle, primaryCta, primaryHref = "#", secondaryCta, secondaryHref = "#"}) =>

{title}

{subtitle &&

{subtitle}

}

{primaryCta && {primaryCta} } {secondaryCta && {secondaryCta} }

; export const TestimonialCard = ({quote, author, role, company, companyLogo, imageType = "company", children}) =>

{children && imageType === "company" &&

{children}

} {companyLogo && imageType === "author" &&

}

"{quote}"

{children && imageType === "author" &&

{children}

}

{author}

{role &&

{role}{(imageType !== "company" || !children) && company ? `, ${company}` : ""}

}

; export const TestimonialGrid = ({children, columns = 2}) =>

{children}

; export const Testimonial = ({quote, author, role, company, caseStudyHref, children}) =>

"{quote}"

{author}

{role &&

{role}{company ? `, ${company}` : ""}

}

{children &&

{children}

} {caseStudyHref && Read Case Study }

; export const CustomerLogos = ({title = "TRUSTED BY LEADING ENGINEERING TEAMS", children}) =>

{title &&

{title}

}

{children}

; export const FeatureShowcase = ({title, description, href, linkText = "Learn more", flipped = false, label, children}) =>

{label &&

{label}

}

{title}

{description}

{href &&

{linkText} →

}

{children}

; export const MediaCard = ({title, description, href, linkText = "Learn more", external = false, children}) => { const Tag = href ? "a" : "div"; const tagProps = href ? { href, ...external ? { target: "_blank", rel: "noopener noreferrer" } : {} } : {}; return {children &&

{children}

}

{title}

{description &&

{description}

} {linkText && href && {linkText} {external ? "↗" : "→"} }

; }; export const FeatureCard = ({title, description, href, children}) => { const Tag = href ? "a" : "div"; const tagProps = href ? { href } : {}; return {children &&

{children}

}

{title}

{description &&

{description}

} ; }; export const FeatureGrid3 = ({children}) =>

{children}

; export const FeatureGrid2 = ({children}) =>

{children}

; export const SectionHeader = ({title, subtitle, centered = true, label}) =>

{label &&

{label}

}

{title}

{subtitle &&

{subtitle}

}

; export const Section = ({children, className = "", gray = false, dark = false, id}) =>

{children}

; export const Hero = ({title, subtitle, badge, primaryCta, primaryHref = "#", secondaryCta, secondaryHref = "#", centered = true, children}) =>

{centered && !children ?

{badge &&

{badge}

}

{String(title).split(/\\n|\n/).map((line, i) => i ? [
, line] : line)}

{subtitle &&

{subtitle}

}

{primaryCta && {primaryCta} } {secondaryCta && {secondaryCta} }

{badge &&

{badge}

}

{String(title).split(/\\n|\n/).map((line, i) => i ? [
, line] : line)}

{subtitle &&

{subtitle}

}

{primaryCta && {primaryCta} } {secondaryCta && {secondaryCta} }

{children &&

{children}

}

;

Most CI platforms are based on the premise that the build system is incorrect: incremental rebuilds can produce stale results, so they are all designed around clean, cold workers that re-do all the build and test work.

Bazel should be hosted the opposite way: re-build and re-test work can be minimized by leveraging Bazel's built-in incrementality, and correctness is guaranteed.