import { Component } from '@angular/core';
import {TranslatePipe} from '@ngx-translate/core';
import {TuiButton, TuiButtonX, TuiIcon} from '@taiga-ui/core';
import {Security} from './security/security';

@Component({
  selector: 'user-settings',
  imports: [
    TranslatePipe,
    TuiIcon,
    TuiButtonX,
    TuiButton,
    Security
  ],
  templateUrl: './user-settings.html',
  styleUrl: './user-settings.scss',
})
export class UserSettings {
  selectedOption = "security"
  options = [
    {
      icon: "shield",
      name: "security",
    },
    {
      icon: "users",
      name: "profile",
    },
    {
      icon: "paint-roller",
      name: "themes",
    },
    {
      icon: "computer",
      name: "sessions"
    },
    {
      icon: "hard-drive",
      name: "storage"
    }
  ]
}
