import { cva, type VariantProps } from 'class-variance-authority';
import type * as React from 'react';

import { cn } from '@/lib/utils/cn';

const shellVariants = cva('grid items-center gap-8 pb-8', {
  variants: {
    variant: {
      default: '',
      sidebar: '',
      centered: 'container flex h-dvh max-w-2xl flex-col justify-center py-16',
      markdown: 'container max-w-3xl py-8 md:py-10 lg:py-10'
    }
  },
  defaultVariants: {
    variant: 'default'
  }
});

interface ShellProps
  extends React.HTMLAttributes<HTMLDivElement>,
    VariantProps<typeof shellVariants> {
  as?: React.ElementType;
}

function Shell({
  className,
  as: Component = 'section',
  variant,
  ...props
}: ShellProps) {
  return (
    <Component className={cn(shellVariants({ variant }), className)} {...props} />
  );
}

export { Shell, shellVariants };