import { defineRecipe } from '@chakra-ui/react';


const textAreaTheme = defineRecipe({
  variants: {
    variant: {
      outline: {
        bg: { _light: 'gray.50', _dark: 'whiteAlpha.50' },
        borderColor: { _light: 'blackAlpha.100', _dark: 'whiteAlpha.100' },
        _focus: {
          borderColor: { _light: 'brand.500', _dark: 'brand.300' },
          boxShadow: `0 0 0 1px brand.500`,
        },
      },
    }
  },
});
export default textAreaTheme;