import { createStyles } from '@/theme'

export const useStyle = createStyles(({ token, css, cx, prefixCls }, props: any) => {
    const prefix = `${prefixCls}-${token?.proPrefix}-websiteDomain-list-page`

    const container = css`
        .ant-table-cell{
          .ant-tag{
            padding-inline: 3px;
            margin-inline-end: 3px;
          }
        }
        .ant-table-empty {
          .ant-table-body{
            height: calc(100vh - 350px)
          }
        }
      .ant-pro-table-highlight{

      }

      .loadingStyle{
        display: flex;
        align-items: center;
        justify-content: flex-start; /* 将内容左对齐 */
      }
      .loadingStyle_table{
        margin-left: 10px; /* 给内容和tip之间留一些间距 */
        color : cadetblue;
      }
    `

    return {
        container: cx(prefix, props?.className, container),
    }
})