import { View } from 'react-native';
import styled from '@emotion/native';

const StyledCard = styled(View)<{
  themeIntent?:
    | 'primary'
    | 'secondary'
    | 'success'
    | 'warning'
    | 'danger'
    | 'archived'
    | 'neutral';
  themeVariant?: 'basic' | 'super-round';
}>(({ theme, themeIntent, themeVariant }) => ({
  ...(themeIntent !== undefined && {
    backgroundColor: theme.__hd__.card.colors[themeIntent],
  }),
  borderRadius:
    themeVariant === 'basic'
      ? theme.__hd__.card.radii.default
      : theme.__hd__.card.radii.superRound,
  overflow: 'hidden',
}));

export { StyledCard };