export interface AttrType {
  size: {
    width: number;
    height: number;
  };
  input: {
    placeHolder: string;
    bg: string;
    textAlign: string;
    placeholderStyle: PlaceholderStyle;
    textStyle: TextStyle;
    borderActive: BorderActive;
    borderHover: BorderHover;
    border: Border;
  };
  select: {
    selectedBg: string;
    right: number;
    left: number;
    bottom: number;
    top: number;
    bg: string;
    listHeight: number;
    marginTop: number;
    selectedStyle: SelectedStyle;
    textStyle: TextStyle;
    border: Border;
    itemHeight: number;
  };
  data: any;
  id: string;
}
export interface SelectedStyle {
  color: string;
  fontSize: number;
  fontWeight: string;
  fontFamily: string;
}

export interface PlaceholderStyle {
  color: string;
  fontSize: number;
  fontWeight: string;
  fontFamily: string;
}

export interface TextStyle {
  color: string;
  fontSize: number;
  fontWeight: string;
  fontFamily: string;
}

export interface BorderActive {
  radius: number;
  size: number;
  color: string;
  type: string;
}

export interface BorderHover {
  radius: number;
  size: number;
  color: string;
  type: string;
}

export interface Border {
  color: string;
  radius: number;
  size: number;
  type: string;
}