MikrotikManager/components/data-grids/shared/data-grid-layout.ts

import type { DataGridProps } from "@/components/reui/data-grid/data-grid"

const DATA_GRID_CELL_PAD = "py-3"
const DATA_GRID_CELL_PAD_FIRST = "pl-5 py-3"
const DATA_GRID_CELL_PAD_LAST = "pr-4 py-3"

const DEFAULT_DATA_GRID_LAYOUT: NonNullable<DataGridProps<object>["tableLayout"]> = {
  rowBorder: true,
  headerBackground: true,
  headerBorder: true,
  columnsResizable: false,
}

const DEFAULT_DATA_GRID_CLASS_NAMES: NonNullable<DataGridProps<object>["tableClassNames"]> = {
  headerRow: "border-b border-border",
  bodyRow: "group/row",
}

const DATA_GRID_CONTAINER_CLASS = "w-full rounded-none border-0"

const DATA_PAGE_CARD_CLASS = "flex w-full flex-col overflow-hidden py-0 gap-0"

const DATA_PAGE_TOOLBAR_CLASS = "flex items-center gap-3 px-5 py-3 border-b flex-wrap"

export {
  DATA_GRID_CELL_PAD,
  DATA_GRID_CELL_PAD_FIRST,
  DATA_GRID_CELL_PAD_LAST,
  DEFAULT_DATA_GRID_LAYOUT,
  DEFAULT_DATA_GRID_CLASS_NAMES,
  DATA_GRID_CONTAINER_CLASS,
  DATA_PAGE_CARD_CLASS,
  DATA_PAGE_TOOLBAR_CLASS,
}