import { createStyles } from '@/theme'

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

    const container = css`

    `

  const wrap = css`
    .ant-modal-content{
      padding: 20px 0 15px 0;
      
      .ant-modal-header{
        padding: 0 24px 10px;
        border-bottom: 1px solid #eee;
      }
      .ant-modal-body{
        padding: 10px 24px;
      }
      .ant-modal-footer{
        background-color: #fcfcfc;
        padding: 15px 24px 0;
        border-top: 1px solid #eee;
      }
    }
  `

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