---
export interface Props {
  size?: number;
  width?: number;
  height?: number;
  strokeWidth?: number;
  stroke?: string;
  fill?: string;
  customClasses?: string;
  viewBox?: string;
  strokeLinecap?: "round" | "butt" | "square" | "inherit";
  strokeLinejoin?: "round" | "inherit" | "miter" | "bevel";
}

const {
  size = 24,
  strokeWidth = 2,
  width = size,
  height = size,
  stroke = "currentColor",
  strokeLinecap = 'round',
  strokeLinejoin = 'round',
  fill = "none",
  customClasses = '',
  viewBox = '0 0 24 24',
} = Astro.props;
---
<svg xmlns="http://www.w3.org/2000/svg" class={`feather feather-x ${customClasses}`} width={width} height={height} fill={fill} viewBox={viewBox}  stroke={stroke} stroke-width={strokeWidth} stroke-linecap={strokeLinecap} stroke-linejoin={strokeLinejoin}>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
</svg>