// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=216-3916
// 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 (Pictures - Large)
 *
 * Handles dynamic mapping of:
 * - Name property -> PascalCase code name
 * - Type property -> "EmptyState" prefix for empty-state type
 */

import figma from 'figma'

const instance = figma.selectedInstance

const nameValue = instance.getEnum('Name', {
  accounting: 'Accounting',
  activation_button: 'ActivationButton',
  activation_toggle: 'ActivationToggle',
  add_employee: 'AddEmployee',
  alphabet_cube: 'AlphabetCube',
  analysis: 'Analysis',
  automation_in_progress: 'AutomationInProgress',
  big_idea: 'BigIdea',
  binoculars: 'Binoculars',
  biscuit: 'Biscuit',
  biscuit_crumbs: 'BiscuitCrumbs',
  book: 'Book',
  brainstorming: 'Brainstorming',
  calendar: 'Calendar',
  chat: 'Chat',
  christmas_sock: 'ChristmasSock',
  christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
  collaboration: 'Collaboration',
  collective_research: 'CollectiveResearch',
  computer_mail: 'ComputerMail',
  confetti_cannon: 'ConfettiCannon',
  contract_signature: 'ContractSignature',
  cross_legged: 'CrossLegged',
  cup_of_coffee: 'CupOfCoffee',
  dancing: 'Dancing',
  dancing_people: 'DancingPeople',
  dancing_skier: 'DancingSkier',
  desert: 'Desert',
  dialogue: 'Dialogue',
  discussion: 'Discussion',
  doctor: 'Doctor',
  document_creation: 'DocumentCreation',
  document_scan: 'DocumentScan',
  document_scanning: 'DocumentScanning',
  email_login: 'EmailLogin',
  empty_folder: 'EmptyFolder',
  evaluation: 'Evaluation',
  filing_documents: 'FilingDocuments',
  flowchart: 'Flowchart',
  graphic: 'Graphic',
  hands: 'Hands',
  high_five: 'HighFive',
  highlight_books: 'HighlightBooks',
  idea: 'Idea',
  incident_panel: 'IncidentPanel',
  indicate_something: 'IndicateSomething',
  jetlang_calculator: 'JetlangCalculator',
  library: 'Library',
  maintenance: 'Maintenance',
  marteler: 'Marteler',
  moon: 'Moon',
  mug: 'Mug',
  panel: 'Panel',
  paper_plane: 'PaperPlane',
  party: 'Party',
  payfitters_with_badge: 'PayfittersWithBadge',
  payroll_error: 'PayrollError',
  person: 'Person',
  phone_message: 'PhoneMessage',
  planet: 'Planet',
  post_it: 'PostIt',
  progression: 'Progression',
  promotion: 'Promotion',
  puzzle: 'Puzzle',
  puzzle_piece: 'PuzzlePiece',
  reading_a_book: 'ReadingABook',
  receiving_pay: 'ReceivingPay',
  rehire_employee: 'RehireEmployee',
  remote: 'Remote',
  research: 'Research',
  rocket: 'Rocket',
  safe_deposit_box: 'SafeDepositBox',
  sale: 'Sale',
  security_fields: 'SecurityFields',
  signature: 'Signature',
  sitting_on_the_sofa: 'SittingOnTheSofa',
  solve_problem: 'SolveProblem',
  speaker_fingertips: 'SpeakerFingertips',
  speaker_welcome: 'SpeakerWelcome',
  speaker_with_microphone: 'SpeakerWithMicrophone',
  stack_of_book_2: 'StackOfBook2',
  stair_treads: 'StairTreads',
  taking_note: 'TakingNote',
  target: 'Target',
  team_building: 'TeamBuilding',
  telescope: 'Telescope',
  template_form: 'TemplateForm',
  thumbsup: 'Thumbsup',
  timer: 'Timer',
  to_do: 'ToDo',
  toggle_off: 'ToggleOff',
  toggle_on: 'ToggleOn',
  trophy: 'Trophy',
  trophy_won: 'TrophyWon',
  visually_impaired: 'VisuallyImpaired',
  visually_impaired_winter: 'VisuallyImpairedWinter',
  walking_people: 'WalkingPeople',
  winter_party: 'WinterParty',
  work_at_office: 'WorkAtOffice',
  work_from_anywhere: 'WorkFromAnywhere',
  wrench: 'Wrench',
  write_book: 'WriteBook',
})

const typeValue = instance.getEnum('Type', {
  generic: 'generic',
  specific: 'specific',
  'empty-state': 'empty-state',
})

// Apply EmptyState prefix dynamically based on Type
const finalSrc =
  typeValue === 'empty-state' ? `EmptyState${nameValue ?? ''}` : nameValue

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

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