import React from 'react';

export interface StyleTagProps {
  style: string;
  onClick: (style: string) => void;
}

const StyleTag: React.FC<StyleTagProps> = ({ style, onClick }) => {
  return (
    <button
      onClick={() => onClick(style)}
      className='flex flex-row items-center rounded-full border border-gray-700/20 bg-background-tertiary/75 px-3 py-2 font-sans text-[13px] text-nowrap text-foreground-primary hover:bg-gray-700/20'
    >
      {style}
    </button>
  );
};

export default StyleTag;