message: fixed Code Smells from PR 1494
diff: @@ -5,24 +5,8 @@ interface TitleProps {
  isOrdered?: boolean;
  }
  -export const Title = styled.span<TitleProps>(
  - ({ isOrderable, isOrdered, theme: { table } }) => css`
  - font-family: Inter, sans-serif;
  - font-size: 12px;
  - font-style: normal;
  - font-weight: 400;
  - line-height: 16px;
  - letter-spacing: 0em;
  - text-align: left;
  - justify-content: start;
  - display: flex;
  - align-items: center;
  - background: ${table.th.backgroundColor.normal};
  - cursor: default;
  - color: ${table.th.color.normal};
  -
  - ${isOrderable &&
  - css`
  +const orderableMixin = css(
  + ({ theme: { table } }) => `
  cursor: pointer;
  padding-right: 18px;
  @@ -58,11 +42,11 @@ export const Title = styled.span<TitleProps>(
  border-top-color: ${table.th.color.hover};
  }
  }
  - `}
  + `
  +);
  - ${isOrderable &&
  - isOrdered &&
  - css`
  +const orderedMixin = css(
  + ({ theme: { table } }) => `
  color: ${table.th.color.active};
  &::before {
  border-bottom-color: ${table.th.color.active};
  @@ -70,7 +54,28 @@ export const Title = styled.span<TitleProps>(
  &::after {
  border-top-color: ${table.th.color.active};
  }
  - `}
  + `
  +);
  +
  +export const Title = styled.span<TitleProps>(
  + ({ isOrderable, isOrdered, theme: { table } }) => css`
  + font-family: Inter, sans-serif;
  + font-size: 12px;
  + font-style: normal;
  + font-weight: 400;
  + line-height: 16px;
  + letter-spacing: 0em;
  + text-align: left;
  + justify-content: start;
  + display: flex;
  + align-items: center;
  + background: ${table.th.backgroundColor.normal};
  + cursor: default;
  + color: ${table.th.color.normal};
  +
  + ${isOrderable && orderableMixin}
  +
  + ${isOrderable && isOrdered && orderedMixin}
  `
  );
  