@ygor-ui/presets/src/theme/recipes/alert.ts

Panda CSS presets for Ark UI components

import { defineRecipe } from '@pandacss/dev'

export const alert = defineRecipe({
  className: 'alert',
  description: 'An alert style',
  base: {
    background: 'bg.default',
    borderRadius: 'l3',
    borderWidth: '1px',
    p: '4',
    textStyle: 'sm',
    width: 'full',
  },
})