Function Banner

packages/emcn/src/components/banner/banner.tsx:35–75

({
  actionClassName,
  actionDisabled,
  actionLabel,
  actionProps,
  actionVariant = 'default',
  children,
  className,
  contentClassName,
  onAction,
  text,
  textClassName,
  variant,
  ...props
}: BannerProps)

}

export function Banner({
  actionClassName,
  actionDisabled,
  actionLabel,
  actionProps,
  actionVariant = 'default',
  children,
  className,
  contentClassName,
  onAction,
  text,
  textClassName,
  variant,
  ...props
}: BannerProps) {
  return (
    <div className={cn(bannerVariants({ variant }), className)} {...props}>
      {children ?? (
        <div
          className={cn(
            'mx-auto flex max-w-[1400px] items-center justify-between gap-3',
            contentClassName
          )}
        >
          <p className={cn('text-[13px]', textClassName)}>{text}</p>
          {actionLabel ? (
            <Button
              variant={actionVariant}
              className={cn('h-[28px] shrink-0 px-2 text-[12px]', actionClassName)}
              onClick={onAction}
              disabled={actionDisabled}
              {...actionProps}
            >
              {actionLabel}
            </Button>
          ) : null}
        </div>
      )}
    </div>
  )
}