import { View, ViewProps } from 'react-native';
import React from 'react';
import { classNames } from '../utils';

export interface CoverCardProps extends ViewProps {
  children: React.ReactNode;
  className: string;
}

export const CoverCard: React.FC<CoverCardProps> = ({
  children,
  className,
  ...restOfProps
}) => {
  return (
    <View className={classNames('flex flex-row items-start')}>
      <View
        className={classNames(
          'flex justify-start items-center flex-row bg-white rounded-lg p-2 shadow-md',
          className
        )}
        {...restOfProps}
      >
        {children}
      </View>
    </View>
  );
};
