/ ui / src / styles / Alert.ts
Alert.ts
 1  import { alertAnatomy } from '@chakra-ui/anatomy';
 2  import { createMultiStyleConfigHelpers } from '@chakra-ui/react';
 3  import { glassDivStyles } from 'styles/shared';
 4  
 5  const { defineMultiStyleConfig, definePartsStyle } =
 6    createMultiStyleConfigHelpers(alertAnatomy.keys);
 7  
 8  const baseStyle = definePartsStyle({
 9    container: {
10      ...glassDivStyles,
11    },
12    title: {
13      fontWeight: 'medium',
14    },
15  });
16  
17  export const Alert = defineMultiStyleConfig({ baseStyle });