import { UL } from '@expo/html-elements';
import { styled } from '../../styled';
import { createMotionAnimatedComponent } from '@legendapp/motion';
const MotionUL = createMotionAnimatedComponent(UL);
export const Root = styled(
  MotionUL,
  {
    // @ts-ignore
    ':initial': {
      opacity: 0,
    },
    ':animate': {
      opacity: 1,
    },
    ':exit': {
      opacity: 0,
    },
    'minWidth': 200,
    'py': '$2',
    'rounded': '$sm',
    'bg': '$backgroundLight0',
    'shadowColor': '$backgroundLight800',

    'shadowOffset': {
      width: 0,
      height: 2,
    },
    'shadowOpacity': 0.25,
    'shadowRadius': 3.84,
    'elevation': 5,
  },
  {}
);