mirror of
https://github.com/zoriya/v10.git
synced 2026-08-12 17:09:55 +00:00
25 lines
677 B
Plaintext
25 lines
677 B
Plaintext
---
|
|
import type { HTMLTag, Polymorphic } from 'astro/types';
|
|
import { clsx } from 'clsx';
|
|
import { twMerge } from 'tailwind-merge';
|
|
|
|
type Props<Tag extends HTMLTag = 'pre'> = Polymorphic<{ as: Tag }> & {
|
|
maxWidth?: boolean;
|
|
class?: string;
|
|
};
|
|
|
|
const { as: Tag = 'pre', maxWidth = true, class: className, style: _style, ...props } = Astro.props;
|
|
---
|
|
|
|
<div class={twMerge(clsx('relative my-6 group', maxWidth && 'max-w-3xl mx-auto'))}>
|
|
<Tag
|
|
class={twMerge(
|
|
'rounded-lg p-6 overflow-x-auto overflow-y-scroll max-h-96 border border-light-40 dark:border-dark-80 bg-light-100 dark:bg-dark-110',
|
|
className,
|
|
)}
|
|
{...props}
|
|
>
|
|
<slot />
|
|
</Tag>
|
|
</div>
|