v-ingredients/src/components/DeviceBox/README.md

Reusable Components

# Device Box

## Props

```javascript
animations: {
    type: String,
    default: null,
}

viewType: {
    type: String as () => 'tile' | 'bar',
    default: 'tile',
}

device: {
    type: Object as () => IDevice,
    required: true,
    default: {
        sku: 'samsung-galaxy-s20',
        brand: 'Samsung',
        model: 'Galaxy S20',
        name: 'Samsung',
        image: '//placekitten.com/400/300',
        colors: [
            '/image/image_gallery?uuid=dcf17875-e9b2-41ed-9935-571531a54b5c&groupId=16&t=1403941164095',
            '/image/image_gallery?img_id=1130461',
        ],
        technicalDetails: [
            {
        icon: '',
        title: `Ekran<br />6.5`,
            },
            {
        icon: ``,
        title: `Aparat<br/>48 Mpix + 12 Mpix + 5 Mpix + 5 Mpix`,
            },
            {
        text: `32 GB`,
        title: `Wbudowana pamięć`,
            },
            {
        icon: ``,
        title: `Bateria<br/>4000 mAh`,
            },
        ],
    },
}

offer: {
    type: Object as () => IDeviceOffer,
    required: true,
    default: (): IDeviceOffer => ({
        startPrice: 1,
        monthlyRate: 0,
        installments: 0,
    })
}
```

## Interface 

```typescript
IDevice {
    sku: string
    brand: string
    model: string
    image: string
    colors?: string[]
    technicalDetails: TechnicalDetails[]
}

TechnicalDetails {
    icon?: string,
    text?: string,
    title: string
}
```