src/JanusHercules/Shared/Presentation/Component/ButtonTwigComponent.php line 12

Open in your IDE?
  1. <?php
  3. namespace JanusHercules\Shared\Presentation\Component;
  5. use Exception;
  6. use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
  8. #[AsTwigComponent(
  9. 'button',
  10. '@janus_hercules.shared.presentation/common/button_twig_component.html.twig'
  11. )]
  12. class ButtonTwigComponent
  13. {
  14. public string $type = 'button'; // a, button
  15. public string $text = 'Button';
  16. public string $textAlignment = 'center'; // start, center, end
  17. public string $href = '';
  18. public string $variant = 'filled'; // filled, light, outline, link
  19. public string $size = 'md';
  20. public string $color = 'green'; // red, danger, green, gray, black, accent
  21. public string $class = '';
  22. public string $rounded = 'sm';
  23. public bool $isNewTab = false;
  25. /**
  26. * @throws Exception
  27. */
  28. public function getStyle(): string
  29. {
  30. // Special handling for navbar links - keep original Tailwind styling
  31. if ($this->variant === 'link' && $this->color === 'white') {
  32. $sizes = [
  33. 'sm' => 'tw-text-sm tw-h-8 tw-px-3',
  34. 'md' => 'tw-text-base tw-h-9 tw-px-4',
  35. 'lg' => 'tw-text-lg tw-h-12 tw-px-5',
  36. ];
  37. $size = $sizes[$this->size];
  38. $textAlignment = "tw-justify-$this->textAlignment";
  39. $base = "$size tw-no-underline tw-rounded-$this->rounded tw-whitespace-nowrap tw-cursor-pointer tw-flex $textAlignment tw-items-center";
  41. return "$base tw-shadow-none tw-border-none tw-bg-transparent tw-text-black hover:tw-text-gray-dark $this->class";
  42. }
  44. // Determine if we should use link-as-button or button classes
  45. $isLink = $this->type === 'a';
  46. $prefix = $isLink ? 'jlls-link-as-button-' : 'jlls-button-';
  48. // Map button variants and colors to Living Styleguide classes
  49. $livingStyleguideClasses = [
  50. 'filled' => [
  51. 'accent' => $prefix . 'default', // Primary button/link
  52. 'green' => $prefix . 'tertiary', // Tertiary button/link (green)
  53. 'gray' => $prefix . 'secondary', // Secondary button/link
  54. 'red' => $prefix . 'danger', // Danger button/link
  55. 'danger' => $prefix . 'danger', // Danger button/link
  56. ],
  57. 'outline' => [
  58. 'accent' => $prefix . 'secondary', // Secondary button/link (outline with accent)
  59. 'green' => $prefix . 'tertiary', // Tertiary button/link (outline with green)
  60. 'gray' => $prefix . 'secondary', // Secondary button/link (outline with gray)
  61. 'red' => $prefix . 'danger', // Danger button/link (outline)
  62. 'danger' => $prefix . 'danger', // Danger button/link (outline)
  63. ],
  64. 'light' => [
  65. 'accent' => $prefix . 'default',
  66. 'green' => $prefix . 'tertiary',
  67. 'gray' => $prefix . 'secondary',
  68. 'red' => $prefix . 'danger',
  69. 'danger' => $prefix . 'danger',
  70. ],
  71. 'link' => [
  72. 'accent' => 'jlls-button-as-link-default',
  73. 'green' => 'jlls-button-as-link-tertiary',
  74. 'gray' => 'jlls-button-as-link-secondary',
  75. 'red' => 'jlls-button-as-link-danger',
  76. 'danger' => 'jlls-button-as-link-danger',
  77. ],
  78. ];
  80. // Check if the variant and color combination exists in Living Styleguide
  81. if (isset($livingStyleguideClasses[$this->variant][$this->color])) {
  82. $styleClass = $livingStyleguideClasses[$this->variant][$this->color];
  84. return trim("$styleClass $this->class");
  85. }
  87. // Fallback: throw exception for unsupported combinations
  88. throw new Exception("
  89. Invalid variant or color: $this->variant, $this->color
  90. - Valid variants: filled, light, outline, link
  91. - Valid colors: green, red, danger, gray, white, accent
  92. ");
  93. }
  94. }