// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=104-1898
// component=Illustration
// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/illustration/Illustration.tsx

/**
 * AUTO-GENERATED - DO NOT EDIT
 *
 * Template file for Figma Code Connect - Illustration component (Icons)
 *
 * Handles dynamic mapping of:
 * - Name property -> PascalCase code name
 * - With background property -> "WithBackground" suffix
 * - Size property -> React size value
 */

import figma from 'figma'

const instance = figma.selectedInstance

const nameValue = instance.getEnum('Name', {
  administrative_document: 'AdministrativeDocument',
  annual_taxes: 'AnnualTaxes',
  baby_bottle: 'BabyBottle',
  bell: 'Bell',
  bicycle: 'Bicycle',
  blank_payslip: 'BlankPayslip',
  box: 'Box',
  buoy: 'Buoy',
  calculator: 'Calculator',
  card: 'Card',
  character_headphone: 'CharacterHeadphone',
  checkbox: 'Checkbox',
  clock: 'Clock',
  closed_lock: 'ClosedLock',
  computer_documentation: 'ComputerDocumentation',
  confettis: 'Confettis',
  contact: 'Contact',
  conversation: 'Conversation',
  data: 'Data',
  discount: 'Discount',
  document: 'Document',
  document_error: 'DocumentError',
  document_filing: 'DocumentFiling',
  e_signature: 'ESignature',
  email_notification: 'EmailNotification',
  emergency_contact: 'EmergencyContact',
  employment_contract: 'EmploymentContract',
  empty_document: 'EmptyDocument',
  empty_state: 'EmptyState',
  exceeding_threshold: 'ExceedingThreshold',
  exceptional_compensation: 'ExceptionalCompensation',
  expenses: 'Expenses',
  FAQ: 'FAQ',
  field_glasses: 'FieldGlasses',
  free_share: 'FreeShare',
  full_calendar: 'FullCalendar',
  gear: 'Gear',
  gift: 'Gift',
  golden_ribbon: 'GoldenRibbon',
  graph: 'Graph',
  half_calendar: 'HalfCalendar',
  hammer: 'Hammer',
  hand_hello: 'HandHello',
  happy_character: 'HappyCharacter',
  health: 'Health',
  health_insurance: 'HealthInsurance',
  holiday_voucher: 'HolidayVoucher',
  identity_card: 'IdentityCard',
  information_update: 'InformationUpdate',
  JEC: 'JEC',
  JEI_JEU_JEC: 'JeiJeuJec',
  kanoon: 'Kanoon',
  kpmg: 'Kpmg',
  legal_help: 'LegalHelp',
  letter_box: 'LetterBox',
  light_bulb: 'LightBulb',
  little_rocket: 'LittleRocket',
  lunch_voucher: 'LunchVoucher',
  magnifying_glass: 'MagnifyingGlass',
  meal_plate: 'MealPlate',
  meal_voucher: 'MealVoucher',
  meal_voucher_card: 'MealVoucherCard',
  mobility: 'Mobility',
  money_lending: 'MoneyLending',
  notes: 'Notes',
  official_letter: 'OfficialLetter',
  open_lock: 'OpenLock',
  organismes_payment: 'OrganismesPayment',
  paid_leave: 'PaidLeave',
  payment_information: 'PaymentInformation',
  payslip: 'Payslip',
  payslip_coins: 'PayslipCoins',
  pen: 'Pen',
  people: 'People',
  performance: 'Performance',
  person_headphone: 'PersonHeadphone',
  personal_details: 'PersonalDetails',
  piggy_bank: 'PiggyBank',
  piggy_bank_coins: 'PiggyBankCoins',
  plant: 'Plant',
  provident_scheme: 'ProvidentScheme',
  remote_work: 'RemoteWork',
  report: 'Report',
  salary: 'Salary',
  salary_advance: 'SalaryAdvance',
  salary_payment: 'SalaryPayment',
  salary_seizure: 'SalarySeizure',
  sand_castle: 'SandCastle',
  schedule: 'Schedule',
  set_up_task: 'SetUpTask',
  setting_slider: 'SettingSlider',
  sick_leave: 'SickLeave',
  small_puzzle: 'SmallPuzzle',
  smiling_character: 'SmilingCharacter',
  spreadsheet: 'Spreadsheet',
  stethoscope: 'Stethoscope',
  stock_options: 'StockOptions',
  stopwatch: 'Stopwatch',
  sunshade: 'Sunshade',
  task_to_do: 'TaskToDo',
  template: 'Template',
  thumbtack: 'Thumbtack',
  time_tracking: 'TimeTracking',
  tips_jar: 'TipsJar',
  token_coin: 'TokenCoin',
  validation_window: 'ValidationWindow',
  work_expense: 'WorkExpense',
  working_time: 'WorkingTime',
})

const withBackgroundValue = instance.getBoolean('With background')
const sizeValue = instance.getEnum('Size', {
  small: 'sm',
  medium: 'md',
  large: 'lg',
})

// eslint-disable-next-line @typescript-eslint/restrict-plus-operands
const finalSrc = withBackgroundValue ? nameValue + 'WithBackground' : nameValue

const code = figma.tsx`<Illustration
  src={${finalSrc}}
  size="${sizeValue}"
  variant="icon"
  alt="${finalSrc} illustration"
/>`

export default {
  id: 'illustration-icon',
  example: code,
  imports: [
    "import { Illustration } from '@payfit/unity-illustrations'",
    `import ${finalSrc} from '@payfit/unity-illustrations/assets/${finalSrc}'`,
  ],
}