import { ReactNode } from 'react';
import { DimensionValue, StyleProp, ViewStyle } from 'react-native';
import { BaseProperties } from '../../@types/utilities';

export type SkeletonProps = BaseProperties & {
  /**
   * Width of the skeleton
   */
  width?:DimensionValue;
  /**
   * Height of the skeleton
   */
  height?: DimensionValue;
  /**
   * Border radius of the skeleton
   */
  borderRadius?: number;
  /**
   * Custom style for the skeleton container
   */
  containerStyle?: StyleProp<ViewStyle>;
  /**
   * Children to render inside the skeleton
   */
  children?: ReactNode;
  /**
   * Animation duration in milliseconds
   */
  animationDuration?: number;
  /**
   * Whether to show the animation
   */
  isLoading?: boolean;
  /**
   * Base color of the skeleton
   */
  baseColor?: string;
  /**
   * Highlight color of the skeleton
   */
  highlightColor?: string;
  /**
   * 
   */
  style?: StyleProp<ViewStyle>;
};