gradient.tsx

import { clsx } from 'clsx'

export function Gradient({
  className,
  gradient = 'from-[var(--color-body2)] from-28% via-[var(--color-accent3)] via-70% to-[var(--color-accent3-dark)]',
  ...props
}: React.ComponentPropsWithoutRef<'div'> & {
  gradient?: string
}) {
  return (
    <div
      {...props}
      className={clsx(className, 'bg-linear-115', gradient, 'sm:bg-linear-145')}
    />
  )
}

export function GradientBackground({
  gradient = 'from-[var(--color-body2)] from-28% via-[var(--color-accent3)] via-70% to-[var(--color-accent3-dark)]',
}: {