mirror of
https://github.com/graphql-hive/console
synced 2026-05-24 09:38:26 +00:00
26 lines
497 B
TypeScript
26 lines
497 B
TypeScript
import { ReactElement, ReactNode } from 'react';
|
|
import { cn } from '@theguild/components';
|
|
|
|
/**
|
|
* This is used in MDX blog posts.
|
|
*/
|
|
export function Comparison({
|
|
children,
|
|
className,
|
|
}: {
|
|
children: ReactNode;
|
|
className: string;
|
|
}): ReactElement {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'mt-6 grid grid-cols-2 items-stretch gap-1',
|
|
'*:!mt-0 [&_button]:hidden',
|
|
'[&_pre]:h-[calc(100%-3rem)]',
|
|
className,
|
|
)}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|