import { ActionIcon, ActionIconProps } from '@tidbcloud/uikit'

interface LayoutIconProps extends ActionIconProps {
  onClick: () => void
}

export const LayoutIcon: React.FC<React.PropsWithChildren<LayoutIconProps>> = ({ children, ...props }) => {
  return (
    <ActionIcon
      variant="transparent"
      w={24}
      h={24}
      sx={(theme) => {
        return {
          color: theme.colors.carbon[8],
          ':focus': {
            outline: 'none'
          },
          ':hover': {
            backgroundColor: theme.colors.carbon[2]
          }
        }
      }}
      {...props}
    >
      {children}
    </ActionIcon>
  )
}