32 lines
618 B
TypeScript
32 lines
618 B
TypeScript
import React from 'react';
|
|
import { View, ViewProps } from 'react-native';
|
|
|
|
interface AppCardProps extends ViewProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
padding?: 'sm' | 'md' | 'lg' | 'none';
|
|
}
|
|
|
|
export const AppCard: React.FC<AppCardProps> = ({
|
|
children,
|
|
className = '',
|
|
padding = 'md',
|
|
...props
|
|
}) => {
|
|
const paddingClasses = {
|
|
none: '',
|
|
sm: 'p-3',
|
|
md: 'p-4',
|
|
lg: 'p-6',
|
|
};
|
|
|
|
return (
|
|
<View
|
|
className={`bg-white rounded-2xl shadow-sm border border-gray-100 ${paddingClasses[padding]} ${className}`}
|
|
{...props}
|
|
>
|
|
{children}
|
|
</View>
|
|
);
|
|
};
|