import { tv } from 'tailwind-variants';

export const codewrapper = tv({
  slots: {
    base: 'max-w-4xl rounded-md border border-gray-200 bg-white bg-gradient-to-r dark:border-gray-600 dark:bg-gray-950',
    inner: ''
  }
});

export const h1Cls = tv({
  base: 'my-8 text-3xl'
});

export const h2Cls = tv({
  base: 'my-6 text-2xl'
});

export const h3Cls = tv({
  base: 'my-4 text-xl'
});
