import { Component } from '@angular/core';

@Component({
  selector: 'app-bar-chart-test',
  template: `
    <div style="padding: 20px;">
      <h2>Bar Chart Filter Test</h2>
      
      <app-bar-chart
        [enableFilters]="true"
        [filterFields]="[
          { field: 'region', label: 'Region', type: 'dropdown', options: ['North', 'South', 'East', 'West'] },
          { field: 'product', label: 'Product', type: 'text' },
          { field: 'sales', label: 'Sales Amount', type: 'number-range' }
        ]"
        [table]="'sales_data'"
        [xAxis]="'product'"
        [yAxis]="'amount'"
        [charttitle]="'Sales by Product'"
        [chartlegend]="true"
        [showlabel]="true">
      </app-bar-chart>
    </div>
  `
})
export class BarChartTestComponent {
  constructor() { }
}