import { P as e } from "../../../../packageName-CJwD6mUt.js";
const a = `
import { DataTable, ITableColumnProps, Badge } from '${e}';

interface Person {
  id: string;
  name: string;
  age: number;
  status: 'active' | 'inactive' | 'pending';
  occupation: string;
  gender: 'male' | 'female' | 'other';
  country: string;
  experienceYears: number;
  address: {
    street: string;
    city: {
      name: string;
      region: {
        code: string;
        name: string;
      };
    };
  };
  children: {
    name: string;
    age: number;
    hobbies: string[];
  }[];
}

const App = () => {
  const columns: ITableColumnProps<Person>[] = [
    {
      dataIndex: 'id',
      title: 'ID',
      key: 'id',
      width: 100,
    },
    {
      dataIndex: 'name',
      title: 'Name',
      key: 'name',
    },
    {
      dataIndex: 'age',
      title: 'Age',
      key: 'age',
      align: 'end',
    },
    {
      dataIndex: 'status',
      title: 'Status',
      key: 'status',
      render: status =>
        status && <Badge variant={status === 'active' ? 'success' : status === 'inactive' ? 'destructive' : 'warning'} label={status} />
        
    },
    {
      dataIndex: 'occupation',
      title: 'Occupation',
      key: 'occupation',
      width: 200,
    },
    {
      dataIndex: 'gender',
      title: 'Gender',
      key: 'gender',
      align: 'center',
    },
    {
      dataIndex: 'country',
      title: 'Country',
      key: 'country',
    },
    {
      dataIndex: 'experienceYears',
      title: 'Experience (Years)',
      key: 'experienceYears',
      align: 'center',
    },
    {
      dataIndex: 'address.city.region.name',
      title: 'Region',
      key: 'region',
    },
    {
      dataIndex: 'children.0.name',
      title: 'First Child',
      key: 'firstChild',
    },
  ];

  const [data, setData] = useState<Person[]>([]);

  useEffect(() => {
    // Writing the function to mock data by yourself
    const mockData = getMockData(20000);
    setData(mockData);
  }, []);

  return <DataTable dataSource={data} columns={columns} tableHeight={tableHeight} />;
};

export default App;
`;
export {
  a as default
};
//# sourceMappingURL=defaultSource.js.map
